Перейти к публикации

Помогите разбить блок


Рекомендованные сообщения

Хочу вывести на страницу 3 блока из определенной категории новостей, но хочу, чтобы информация в блоке была определенного вида, вот как на примере

2323232.JPG

но у меня выходит только так:

322332323232.JPG

вот код, подскажите как сделать, кто хорошо понимает в ксс?



<br>

<div style="width:180px;height:230px;float:left;border-right:1px dashed #89717c;margin:0px 15px 0px 0px;padding:0px 20px 0px 0px;overflow:hidden;">

        <img src="{image-1}" alt="{title}" />

<p>

        <a href="{full-link}" title="{title}">{title limit="33"}</a> 

  {short-story limit="90"}

</p>


</div>

за ранее благодарю

Изменено пользователем svadbavsurgute
Ссылка на сообщение
Поделиться на других сайтах

убрать <br>


<div class="class">

<img src="{image-1}" alt="{title}" />

<p>

<a href="{full-link}" title="{title}">{title limit="33"}</a>

{short-story limit="90"}

</p>

</div>


.class {

width:180px;

height:230px;

float:left;

border-right:1px dashed #89717c;

margin:0px 15px 0px 0px;

padding:0px 20px 0px 0px;

overflow:hidden;

}

.class img {

float:left;margin-right:5px;

}

Что то вроде этого

Ссылка на сообщение
Поделиться на других сайтах

Спасибо, но получилось так

323232.JPG

а хотелось бы, чтобы текст именно слева был, а картинка справа, как бы 2 части блока

Изменено пользователем svadbavsurgute
Ссылка на сообщение
Поделиться на других сайтах

.class img { float:left;margin-right:5px;width: сколько то ширина}

.class p { display:block; width: сколько то ширина}

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...