Форумы портала PHP.SU :: Версия для печати :: Выравнивание текста и картинов

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Выравнивание текста и картинов

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Выравнивание текста и картинов

Страниц (1): [1]

1. Yuriy - 19 Октября, 2008 - 00:47:08 - перейти к сообщению

Имеется код:

CODE (text):
скопировать код в буфер обмена

 
<img src="img1.png" border="0" style="float: left" />
<img src="img2.png" border="0" style="float: right" />
Текст

После такого подхода текст выравнивается по верхнему краю и при этом его никак не сдвинуть в центр (valign=middle - не работает). Что подскажете сделать?
(Добавление)
Блин, опечатался в теме... "КартиноК"

2. valenok - 19 Октября, 2008 - 01:10:56 - перейти к сообщению

текст в div и margin'ом его

3. Yuriy - 19 Октября, 2008 - 01:16:54 - перейти к сообщению

valenok пишет:

текст в div и margin'ом его

Работает, спасибо Улыбка

Ох уж этот IE... Недовольство, огорчение

С float: left и float: right он выравнивает картинки не по краю, а с отступом от него... Никакие маргины не помогают в данном случае. Что делать? Огорчение

4. valenok - 19 Октября, 2008 - 11:46:40 - перейти к сообщению

<table> можно

Да и вообще все три элемента в один div
И им всем float:left

5. Yuriy - 19 Октября, 2008 - 17:24:28 - перейти к сообщению

valenok пишет:

<table> можно

Это самое "русское" решение. Я так сначало сделал, но я люблю более изящно и кратко Улыбка

6. valenok - 19 Октября, 2008 - 18:18:49 - перейти к сообщению

Тогда для тебя вторая часть предыдущего сообщения.
А вообще чем тебе таблица не изящна ?

7. Yuriy - 19 Октября, 2008 - 18:21:20 - перейти к сообщению

valenok пишет:

Тогда для тебя вторая часть предыдущего сообщения.

Не очень понимаю, если всё зафлоатить по левому краю, то как 2 картинки будут по обоим краям, а текст в середине? Растерялся

valenok пишет:

А вообще чем тебе таблица не изящна ?

Хочется меньше кода, меньше Улыбка

8. valenok - 19 Октября, 2008 - 21:56:17 - перейти к сообщению

А ты попробуй поэкспериментировать.

9. Yuriy - 19 Октября, 2008 - 21:57:30 - перейти к сообщению

valenok пишет:

А ты попробуй поэкспериментировать.

Хорошо, попробую.

10. Yuriy - 22 Октября, 2008 - 02:37:34 - перейти к сообщению

С проблемой, кстати, справился. Так как я решил научиться верстать дивами и отказаться от таблица, то пришлось искать верное решение и оно нашлось Улыбка

Поместил эти 2 картинки и текст каждый в отдельный див и выровнял их все флоатом по левому краю Улыбка

При этом каждый див в CSS имеет точный width.

11. valenok - 22 Октября, 2008 - 13:08:07 - перейти к сообщению

Ширина не обязательна