Нужна помощь с CSS

B
На сайте с 14.04.2012
Offline
35
380

Приветствую. Есть CSS

 <style>

.thumb img {
border: 2px solid #55c5e9; /* Рамка вокруг фотографии */

margin-right: 10px; /* Отступ справа */
margin-bottom: 10px; /* Отступ снизу */
}

</style>

Он отображает картинки в строку.

<p class="thumb">

<img src="/images/42.jpg" width="120" height="120">

<a href="delete_image.php?file=42.jpg">УДАЛИТЬ</a>

</p>

Как сделать чтобы под каждим изображением появлялась ссылка ?в данный момент ссылки идут за изображением(само собой понятно почему)

Тег <br> Не робит

izbushka
На сайте с 08.06.2007
Offline
110
#1

Обернуть картинку со ссылкой в span

DiAksID
На сайте с 02.08.2008
Offline
236
#2

dispaly:block; для img

show must go on !!!...
[Удален]
#3

или thumb поставить ширину как у картинки

B
На сайте с 14.04.2012
Offline
35
#4
<style>
.thumb img {
border: 2px solid #55c5e9; /* Рамка вокруг фотографии */

margin-right: 10px; /* Отступ справа */
margin-bottom: 10px; /* Отступ снизу */
}
#text {display:block;}
</style>

теперь каждое изображение с новой строки

[Удален]
#5

thumb float:left;

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий