Текст справа от картинки - Технический раздел (домены, хостинг, настройка CMS и шаблонов)

03:20:26

, 25.11.2024, Пн | RSS Правила сайта и форума Задать вопрос администрации Получить услуги сайта Вступить в команду сайта Наша группа в Telegram

Natus Create - Студия по созданию веб-сайтов

Страница 1 из 1 1
Модератор форума: -SAM-

Текст справа от картинки

Towa

Дата: Вт, 27.08.2013, 03:26:48 | Сообщение # 1

Премиум

2013 Сообщения:

11 Награды:

80 Отзывы:

Сайт пользователя:

Не получается разместить текст правее от картинки...
ниже показано как надо и как у меня получилось(

код ксс

Код

.newsglav {padding:2px 4px 5px 2px; margin:0px 5px 0 2px; overflow:hidden; font-family:'Segoe UI',Tahoma,Helvetica,Sans-Serif;font-size:12px; width:510px;}
.newsglav:hover {background:#e8e8e8;}
#newsglavimg {float:left; width:150px;height: 70px;margin:0 0 0 3px;border:3px solid #497da3;opacity:0.8;}
.newsglavmessage {float:right;}

код хтмл

Код

<div class="newsglav">
<div class="newsglavimg">
<img id="newsglavimg" alt="$ENTRY_TITLE$" src="$IMG_URL1$" >
</div>
<div class="newsglavmessage">$MESSAGE$</div>
</div>

Прикрепления: 9890791.png (120.8 Kb)

DEEL

Дата: Вт, 27.08.2013, 05:02:17 | Сообщение # 2

Copyrighter...

Пользователь

240 Сообщения:

1 Награды:

11 Отзывы:

Towa, сталкивался с этой проблемой. Добавь к картинкам

Код

style="float:left"

Кстати сам html код не правилный.
Правильно:

Код

<div class="newsglav">
<img id="newsglavimg" alt="$ENTRY_TITLE$" src="$IMG_URL1$" >
<div class="newsglavmessage">$MESSAGE$</div>
</div>

Вроде бы так... good

Спасибо koffee за аватар :)

z1MO_ok

Дата: Чт, 29.08.2013, 02:29:00 | Сообщение # 3

Пользователь

143 Сообщения:

2 Награды:

21 Отзывы:

Код

<div class="newsImg"><a href="$IMG_URL1$" class="uligtbox"><img src="$IMG_URL1$" alt="$ENTRY_TITLE$" /></a></div>
<div class="newsMess">
$MESSAGE$
<span></span>
</div>
<div class="clear"></div>

Код

.newsImg {float:left;background:#6993b1;padding:3px;}
.newsImg:hover {background:#e8e8e8;}
.newsImg img {width:200px;height:100px;}
.newsMess {width:295px;margin:4px 0 0 215px;font:12px 'Segoe UI', Tahoma, Helvetica, Geneva, sand-serif;color:#525252;}
.newsMess span {display:block;background:#6993b1;width:202px;height:1px;margin-top:6px;}

Вот то, что тебе нужно wink