LINUX.ORG.RU

[css] Текст под картинками

 


0

0

Привет.

Подскажите, как можно выровнять текст под картинками?

<div class='item'>
<img src='fish.jpg' width='350' height='350' /><a href='delete.php'>Удалить?</a>
<img src='fish.jpg' width='350' height='350' /><a href='delete.php'>Удалить?</a>
<img src='fish.jpg' width='350' height='350' /><a href='delete.php'>Удалить?</a>
<img src='fish.jpg' width='350' height='350' /><a href='delete.php'>Удалить?</a>
<img src='fish.jpg' width='350' height='350' /><a href='delete.php'>Удалить?</a>
<img src='fish.jpg' width='350' height='350' /><a href='delete.php'>Удалить?</a>
</div>

Видел рекомендации добавить элементу, содержащему текст, свойство 'float: left' и 'margin: пара пикселей', но тогда у меня текст уезжает строго налево, весь, картинки остаются справа.

То же, если картинкам тоже добавить 'float: left'.

★★

Последнее исправление: Frakhtan-teh (всего исправлений: 1)

Собрал картинки с текстом в обособленные span с классом, для которого назначил свойство 'display: inline-table', стало хорошо.

Всем спасибо.

Frakhtan-teh ★★
() автор топика
Ответ на: комментарий от xorik

Зато сколько вокруг некрофилов!

Deleted
()
Ответ на: комментарий от Frakhtan-teh

Вебдваноль это к маркетологам :) Учитывая, что CSS очень часто недостаточен, то вполне можно пихнуть и таблицу. + к ЧСВ за дивы это, конечно, хорошо, но иногда геморрой того не стоит.

Deleted
()
Ответ на: комментарий от Frakhtan-teh

А можно про бяку поподробнее?

Deleted
()

Блок «картинка-текст» загнать в дивы, далее через марджины и прочее.

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.