vertical-align: left

[Dr.Freddy]

В новых правилах форума потребовался эффект «обтекания» текста вокруг изображений. В 2.0.x для изображений существует вот такой стиль:

IMG {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px
}

 

Я добавил в CSS вот такую запись:

#img-rules { vertical-align: middle; border: 0px }:

После этого написал на странице правил вот так:

<img src="http://www.mikata.ru/style_images/rules/1GB.jpg" id="img-rules" height="150" width="135" border="0" vspace="5" hspace="30">

Правильно?

 

В любом случае, эффекта нет. Хуже того, открывая страничку и сохраняя к себе на комьютер, я обнаруживаю, что стиль превратился в:

#print P.printcopy {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; COLOR: #000; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#img-rules {

}
.spoiler {
COLOR: #e4eaf2; FONT-FAMILY: Verdana, Arial
}

В связи с этим вопрос: что это значит и что я делаю неправильно?

 

Если то, что касается задания стилей для страницы, верно, прошу переместить тему в соответствующий вопросу раздел.

Изменено 2 Декабря 2005 пользователем Dr.Freddy

[nickostyle]

Правильно?

Правильно. Только зачем дублировать, когда:

В 2.0.x для изображений существует вот такой стиль:

Т.е. точно такой же.

 

 

 

#img-rules { vertical-align: middle; border: 0px }:

 

Ну...немного неправильно записано по моему. Я бы так записал:

#img-rules { vertical-align: middle; border: 0px;}

 

 

После этого написал на странице правил вот так:

 

Не думаю, что стоит присваивать картинке id. Лучше помести её в ячейку таблицы и присвой ей класс:

<td class="img_rules" align="left" width="33px" height="150" width="135" style="background-image: url(style_images/rules/1GB.jpg);></td>

 

 

 

 

 

И ещё. Оформь всё в таблицу и не будет никаких проблем. Честно=)

[nickostyle]

Ну что, вышло?