Как выровнять по центру?

[czp]

как выровнять по центру ряд картинок независимо от их кол-во и размера моника, блок рещинится, картинки идут в форме квадратика, одна проблема, отступ по краям разный как сделать что бы одинаковый?
для того что ы легче понимать было, как тут http://www.cgtextures.com/ , только на этом сайте тоже проблема с отступом, в правом краю отступ больше чем в левом, на каждом монике по разному
как сделать одинаковый?

 

[tigra60]

Блоку, в котором находятся картинки укажите стиль text-align:center

 

[czp]

там не блок там вот как идет, и список стоит display:inline

<ul>
<li>
<a  href="">
  <img src="" />
  </a>
</li>
</ul>

 

[vla]

[member=czp], можно попробовать так:
указать ширину <li> в процентах и выровнять в нем содержимое по центру
допустим, надо распределить пять элементов <li> по ширине:

li{display:inline-block;width:20%;text-align:center;}

PS: заменил inline на inline-block, тк inline'у задать ширину невозможно

 

[czp]

так в том и вся штука, что должно быть столько, сколько помещается, и после выравняться по центру

 

[vla]

Ясно...
У меня вариантов без использования JS нет! На JavaScript думаю не так сложно будет это исполнить... Если надо - могу попробовать помочь написать...

 

[tigra60]

там не блок там вот как идет, и список стоит display:inline

Ну и что?
Вот посмотрите. Это то, что вам нужно? Посмотреть вложение img_test.zip

 

[vla]

И мне простейшая идея пришла... (см. прикрепленный файл)

 

[czp]

спасибо вроде фурычит)

 

[czp]

а подскажите еше, как выравнять div по центру, если он не имеет ширину и высоту фиксированную, а растягивается в зависимости от текста
вот стиль

margin:0px;
padding:10px;
min-width:25px;
max-width:75%;
min-height:35px;
position:absolute;
top:10%;
background:#000;
-moz-box-shadow:0px 0px 15px #000;
-webkit-box-shadow:0px 0px 15px #000;
box-shadow:0px 0px 15px #000;

 

[vla]

margin-left:auto;
margin-right:auto;

 

[czp]

а чем оно отличается от margin:0 auto; ? не работает
можно конечно, поставить блок абсолютного позиционирования с высотой и шириной на 100 процентов а потом в него вложить, обычный блок и тогда margin:0 auto: выравняет по бокам а вот по центру не знаю как, и всетаки :
1.как выровнять блок с этими стилями?
2.как выровнять блок по центру в высоту если сделать как я выше описал?

 

[vla]

[member=czp], не увидел, что у тебя position:absolute;. как в твоем случае быть - не знаю.
Про отступы я имел ввиду: margin:0 auto 0 auto;
Описание данного способа посмотри на сайте Тыгры60 "Выровнять таблицу внутри блока", это для блоков тоже работает

 

[tigra60]

1.как выровнять блок с этими стилями?
2.как выровнять блок по центру в высоту если сделать как я выше описал?

1. Без скриптов никак.
2. Без скриптов никак.

Расположение блоков абсолютного позиционирования автоматически не предусмотрено. Только явное указание top, left, bottom или right.

Если вы все-таки надумаете отказаться от бредовой идеи абсолютного позиционирования, все можно легко решить:
- горизонтальное выравнивание мы уже проходили (display:inline-block).
- про вертикальное выравнивание читаем здесь.

Ну, и, как всегда, примерчик. Посмотреть вложение box.zip

 

[czp]

так в чем прикол, абсолют нужен что бы выскакивал поверх всех блоков))получается скриптом только?

 

[tigra60]

абсолют нужен что бы выскакивал поверх всех блоков

Для блока с position:relative тоже возможно z-позиционирование (z-index)

Посмотреть вложение box2.zip

Вы что, лайтбокс пытаетесь соорудить?

 

[czp]

Вы что, лайтбокс пытаетесь соорудить?

ага :blink: уже сделал, на скрипте, верстальщик я слабоват, тему можете закрыть, вопрос свой решил, или лучше верской его отцентрировать?нагрузка поидеии меньше должна быть, но мне кажется больше мучений

 

[tigra60]

Лайтбокс лучше брать готовый на jQuery. Зачем изобретать велосипед?

Я вот, например, ратую за СSS там, где можно отказаться от скрипта. Тем не менее, поигравшись целый день, решил от идеи вкладок (tabs) на чистом CSS отказаться. Спасибо дядюшке Билли за его нетленные творения!

 

[czp]

Зачем изобретать велосипед?

просто хочется сделать, спортивный интерес