Авторизация:
ПРОЕКТЫ ДАННОЙ КАТЕГОРИИ


Все проекты данной категории  -  28


TOP 10 ФРИЛАНСЕРОВ

HTML-верстка

1cocacola
(19.0)
2STGayA
(16.8)
3kocha363
(13.3)
4knyazd
(11.3)
5adrianis
(9.7)
6Vinteger
(9.3)
7akoshelev
(8.2)
8Sir_Michael
(8.0)
9ADS23
(8.0)
10rasiell
(7.9)

Дополнить стиль CSS чтобы центрировать элемент

HTML-верстка
Заказчик:
Фотография / Юзерпик
ОффлайнСтудия Эtles (MVFedosov)
(0.7)
В сервисе: 3 месяца 1 неделя  |  Отзывы: 6
Бюджет: 5 USD  (Электронные платежные системы)
Приём предложений: 23.04.2008 - 23.04.2008
Статистика: Предложения: 1  |  Просмотры: 30 (9 пользователей)
Статус: Закрыт
Что нужно:
смотрим страницу: 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.

[Дополнение: 23.04.2008 в 11:52]

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

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

[Дополнение: 23.04.2008 в 11:57]

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

[Приложения]

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

Победители конкурса

Пользователь / Рейтинг Сумма Сроки Дата принятия
Фотография / Юзерпик
ОффлайнШпак Сергей (-Caesar-)
(3.8)
В сервисе: 1 год 4 месяца  |  Отзывы: 17
? - 23.04.2008 в 13:46
Отзыв заказчика (+)  |  Отзыв фрилансера (+)