Помогите отцентровать ul элементы дива...

12
Romaldo
На сайте с 10.02.2008
Offline
185
4330

Здравствуйте!

Бьюсь уже второй час...

Все известные мне и найденные в гугле методы не работают (?) :confused:

На этой странице http://cl.ly/2n470k3S3r2X2I350r3W

есть фото, внизу списком <ul> выводятся тумбы.

Надо, чтобы фото, которые не влезают в верхний ряд центровались вот так:

Помогите плиз, как это выполнить.

S5
На сайте с 04.01.2010
Offline
77
#1

Вы пытаетесь отцентрировать float-элементы. Это глупость в корне.

Joker-jar
На сайте с 26.08.2010
Offline
171
#2

По моему лучше их в один ряд сделать и скролл горизонтальный

Romaldo
На сайте с 10.02.2008
Offline
185
#3

В ряд и скрол не подходит. Хотят, как есть сейчас, только все по центру.

sg552, вы хоть направьте в нужном направлении.

Если у элемент есть свойство float, которое заставляет следующую мини-фото примыкать с правой стороны, и так далее. Разве нельзя задать как-то им центрование?

Ну вы уже ответили... Тогда как это сделать?

Какой вид должна иметь конструкция?

Desesperada
На сайте с 11.10.2010
Offline
77
#4

поиграйся с display и выравниванием по центру, либо пили вот это (там через псевдоклассы и муторно если не знаешь)

не уточняю ибо не вижу твой код, линк на сайт напиши куда-нибудь, подскажу

какой я молодец

отмени float и допиши что на картинке, будет тебе счастье

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе
Coolmac
На сайте с 08.09.2011
Offline
60
#5

А для чего выводить thumb в списке? Может проще вывести вида <a href="#"><img src="#" alt="" /></a> ?

display:inline-block в таком виде не кросбраузерно как бы🍿

Доступные vps/ds с грамотной тех. поддержкой (https://my.friendhosting.net/pl.php?11304)
Romaldo
На сайте с 10.02.2008
Offline
185
#6

Desesperada, убрал float left дописал display:inline-block.

Теперь все мини фотки столбиком по центру...

Desesperada
На сайте с 11.10.2010
Offline
77
#7
romagromov:
Desesperada, убрал float left дописал display:inline-block.
Теперь все мини фотки столбиком по центру...

не так дописали

Coolmac:
display:inline-block в таком виде не кросбраузерно как бы

главное - направление.

там ещё кучу всего надо править, один только горизонтальный скрол ещё 5-7 сайтов влезет в опере

[Удален]
#8
Coolmac:
display:inline-block в таком виде не кросбраузерно как бы

Не говорите чуши, всё прекрасно везде работает.

богоносец
На сайте с 30.01.2007
Offline
774
#9
sg552:
отцентрировать float-элементы. Это глупость

http://www.artlebedev.ru/tools/technogrette/html/thumbnails-center/

И можно ещё отцентрировать по вертикали в каждом ряду, если они разной высоты.

Romaldo
На сайте с 10.02.2008
Offline
185
#10
Desesperada:
не так дописали

главное - направление.
там ещё кучу всего надо править, один только горизонтальный скрол ещё 5-7 сайтов влезет в опере

Тоже не могу понять, почему этот скролл вылез...

Ставил overflow-x hidden - не реагирует...

12

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