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

Костэн · Отправлено: **21:11, 17-06-2008** | #2

maaxiim, может это поможет :

<p align = left><img src="image1"></p><p align = center><img src="image2"></p><p align = right><img src="image3"></p>

maaxiim · Отправлено: **21:30, 17-06-2008** | #3

Костэн, нет, это не поможет. Р - это же абзац. Соответственно каждый новый абзац будет ниже предыдущего, а нужно в один ряд.

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

maaxiim, создай внутри div таблицу, в которой будут рисунки.
<div>
<table width=100% border=0>
<tr>
<td align=left><img src="image1"></td><td align=center><img src="image2"></td><td align=right><img src="image3"></td>
</tr>
</table>
</div>

Coutty · Конфигурация компьютера

Например, так:

HTML код:

<div style="width:100%">
<div style="float:left; position:absolute; top:0; width:100%"><img src="1.jpg" /></div><div style="text-align:center; top:0; position:absolute; width:100%"><img src="1.jpg" /></div><div style="float:right"><img src="1.jpg" /></div>
</div>

Но я чувствую, что это неверный подход

Sham · Отправлено: **03:39, 18-06-2008** | #6

imho таблички самый надежный вариант... подозреваю, что вариант Coutty не вполне кроссбраузерный...

Coutty · Конфигурация компьютера

Sham, я ещё потом заметил, что даже в Опере оно не совсем на одной линии отображается. Правая картинка чуть ниже (где-то на 10 пкс).
Поддержу таблички

Хоть это и не относится к CSS, но тут важнее цель, а не средство.

Костэн · Отправлено: **14:31, 18-06-2008** | #8

Цитата Coutty:

Хоть это и не относится к CSS, но тут важнее цель, а не средство. »

Это надёжней.

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

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

Цитата Coutty:

Но я чувствую, что это неверный подход »

подход, действительно, неверный

Цитата Coutty:

position:absolute; top:0; »

позиционирует картинки в самом верху окна браузера.

Цитата Coutty:

width:100% »

растягивает блок картинки на всю ширину предыдущего блока.

Эксперименты продолжаются

, так что, если у кого-нибудь появятся идеи именно по CSS, буду рад.

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

чтобы отцентрировать картинку можно родительскому элементу задать text-align: center
либо переопределяем картинку {display: block; position: relative; left: 50%; margin-left: минус половина ширины картинки}
боковые делаем float;
как вариант, можно картинку запихать в background какого-нибудь элемента