Что нужно:
смотрим страницу: http://etles.ru/test/test.html

Там: 3 красных квадрата (прямоугольника) - эти 3 квадрата есть список <ul> в строчку.

Этот <ul> вложен в ячейку таблицы, то есть конструкция такая:

<table border="1" width="100%"><tr><td style="text-align: center;">
<ul id="lavaLampBorderOnly" class="lamp">
<li> ТЕКСТ </li>
<li> ТЕКСТ </li>
<li> ТЕКСТ </li>
</ul>
</td></tr></table>

Всё можно посмотреть в коде страницы.

Нужно, чтобы конструкция <ul id="lavaLampBorderOnly" class="lamp"> (то есть эти три квадрата) были ПО ЦЕНТРУ ячейки таблицы. Сейчас как вы видите они сдвинуты влево. Сама конструкция UL имеет фиксированную ширину - посмотрите в стилях, ширина равна 580px - так вот нужно, чтобы содержимое этого UL было всегда по центру, не зависимо от того, какую я поставлю ширину.

И второе: выделяем всё содержимое ctrl+a и видим (смотрите код страницы) - что в каждый элемент LI
запихана таблица:
<LI>
<table border="0"><tr><td style="text-align: center;"><a href="" class="main_menu"><img src="test/theory.png" class="main_menu_img" /></a></td></tr><tr><td style="text-align: center;"><a href="">Теория</a></td></tr></table>
</LI>

и каждая картинка в таблице и текст сдвинуты ВЛЕВО, несмотря на то, что в ячейке таблицы написано: text-align: center; - это всё потому, что неверно задано форматирование ссылки в стилях:
вот кусочек кода: #lavaLampBorderOnly li a { *****

Нужно, чтобы и картинка и текст ниже также были по центру, соответственно получится, что текст будет по середине картинки снизу.

Далее смотрите картинки приложения, что точнее понять, что нужно.

Первому предложившему правильное решение - 5wmz.


Очень хорошо видно, что вся конструкция сдвигается влево в браузере mozilla firefox.

Итоги: нужно, чтобы все элементы были по центру. Работы на 10 минут тем, кто хорошо разбирается в CSS.


Все вопросы в личку или по контактам ICQ.

1. test_img_1.jpg  (24.7 Кб)
2. test_img_2.jpg  (32.1 Кб)