Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Вид новостей (картинка влево,текст вправо)

Вид новостей (картинка влево,текст вправо)


     10.11.2011    Общие вопросы по вёрстке    5969

вопрос
Здравствуйте. Волнует такой вопрос, как мне в короткой новости картинку перетащить влево а текс правее, примерно вот так:
Вид новостей (картинка влево,текст вправо)

Ответил: ПафНутиЙ


Это делается очень просто:
1. Добавляем картинку через дополнительное поле.
2. Пишем в shortstory.tpl примерно так:
<div class="news">
<div class="news_image">[код дополнительного поля - картинки]</div>
<div class="news_body">{short-story}</div>
</div>

3. В CSS:
.news_image {
flat: left;
width: 100px;
}
.news_body {
margin-left: 110px;
}


UPD by Sander
<div class="news_body">{short-story}</div>

.news_body img:first-child{float:left;margin:10px;}

Картинка вставляется в короткой новости, просто в начале.
А вообще лучше сразу оформлять новость соответсвенно.

Комментарии пользователей (4)

sepsis
3 | 3

sepsis - 10 ноября 2011 21:40 - Юзер

После создания дополнительного поля весь сайт искривляется в разделе добавления новостей, если удалить {xfields} то все нормально,но и полей нет, что делать ?

Basil_CHe
5

18 | 19

Basil_CHe - 10 ноября 2011 21:49 - Юзер

3. В CSS:
.news_image {
float: left;

newsdow
2 | 2

newsdow - 12 ноября 2011 02:01 - Юзер

А можно решить эту проблему без дополнительных полей? Сделать отступ откартинки.

newsdow
2 | 2

newsdow - 12 ноября 2011 10:53 - Юзер

Извините ступил, сам разобрался.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы