CSS выравнивание элементов

maaxiim · Отправлено: **16:43, 19-06-2008** | #11

Цитата Busla:

чтобы отцентрировать картинку можно родительскому элементу задать text-align: center »

почти получилось

. Однако правая картинка (<div style="float:right;") смещается вниз и на попытки задать ей position не реагирует.

Цитата Busla:

либо переопределяем картинку {display: block; position: relative; left: 50%; margin-left: минус половина ширины картинки} »

ломает макет страницы

Костэн · Отправлено: **17:41, 19-06-2008** | #12

maaxiim, что тебе загорелся так этот CSS ? Тебе уже дали решение твоей проблеммы более простым способом...

maaxiim · Отправлено: **18:44, 19-06-2008** | #13

Костэн, я, наверно, не совсем точно сформулировал свою мысль. Картинки я вставил в табличку, так, как ты и предложил, но я сейчас вплотную изучаю CSS и, поэтому вопрос не только практический, но и теоретический. И, к тому же, т.к. на сайте это используется не один раз, целесообразно было бы централизованно описать это в файле стилей.

Busla · Отправлено: **19:43, 19-06-2008** | #14

Цитата maaxiim:

ломает макет страницы »

не должно бы...
а зачем правой картинке position? чтобы правая картинка не смещалась вниз - она должна идти в коде до центральной

maaxiim · Отправлено: **21:22, 19-06-2008** | #15

Благодарю всех участников обсуждения

!
Вариант, предложенный Busla, решил вопрос.
Может кому-нибудь пригодится:

<div style="text-align:center">
<div style="float:left"><img src="mg_1.jpg" border="0"></div>
<div style="float:right"><img src="img_3.jpg" border="0"></div>
<img src="img_2.jpg" border="0">
</div>