Есть страничка:
CODE:<body>
<div id="content">
<div id="tab">
<div><a href="#"><img src="1.jpg" /></a><a href="#"><img src="1.jpg" /></a></div>
<div><a href="#"><img src="1.jpg" /></a><a href="#"><img src="1.jpg" /></a></div>
</div>
</div>
</body>
CSS:
CODE:body{
margin: 0px;
padding: 0px;
}
#content{
text-align: center;
}
#tab a{
background: #F0F0F0;
display: block;
float: left;
padding: 20px;
}
#tab a:hover{
background: #738684;
}
#tab div{
clear: both;
margin: 0px auto;
}
Я не могу выровнять ссылки-блоки парами по центру. Помогите плиз. В чем моя ошибка?
п.с.Делаю ссылки блочными, чтобы красивее оформить фотогалерею.
п.п.сТаблицы юзать не хочется.
awep, а вот здесь кажется, без таблиц и не обойтись. Справа-слева - получится. А по центру даже если все в теги центра взять - не получается.
а альтернативные варианты такого оформления есть?
просто хотелось бы все-таки оформить фотогалерею не тупо фотками-ссылками, а хотя бы так...причем без таблиц.
конечно, было бы гораздо проще, если бы был известен размер блока с фотками, но у меня не так...
awep
Изначальный подход не правильный... и описание проблемы собственно тоже... По центру, хорошо, но что именно по центру?
#tab{width:200px;margin:0 auto} - общий блок выравняет по центру...
#tab a{background: #F0F0F0;display:block;float: left;padding:20px 0;width:50%; text-align:center} - выравняет картинки внутри блоков по центру и сделает "ячейку-ссылку" растягивающейся...
Такие вещи лучше делать списками, поисковики лучше воспринимают, но тогда все несколько сложнее...
Ray Wen, я не спорю, подход, может быть, и неправильный.
Но я потому и спрашиваю, что не знаю. Твой код я попробывал, но это не то.
Что мне нужно:
три (две маловато) ссылки в строке, все вместе выровнены горизонтально по центру. сами ссылки выглядят как картинки(превью) с обрамлением, которое меняет цвет при наведении.
Размеры картинок неизвестны.
Помогите пожалуйста.
awep
Ну тогда тебе придется использовать сейчас таблицы, либо ждать когда вымрет IE6 хотябы...
Ray Wen
А в IE7 многое исправлено?
Furax
Именно display:table не пробовал, но многое, в плане поддержки css, добавилось...
Ray Wen пишет:Ну тогда тебе придется использовать сейчас таблицы, либо ждать когда вымрет IE6 хотябы...
Нее...это неподходящий вариант. Сейчас еще очень многие юзают Вынь ХР (я кстате тоже), а там в большинстве сборок идет Осел 6.
Ну неужели нет чего-нить подобного? Очень хотелось обойтись без таблиц (всё а-ля web 2.0 так сказать)
Или хотя бы объясните, в чем дело? почему блок с фотками не выравнивается по центру, хотя для него все прописано так, чтобы центровался...
Ray Wen
А по части JavaScript? DOM2 уже в полной мере поддерживает?