VPF::текст в DIV по середине - Форум программистов

Gold Dragon

Дата 12.1.2010, 10:52 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

Есть код

Код


    <div class="moduletable-divmenu1">
        <table class="menutable-divmenu1" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td><div class="ml-div"><div><a href="http://befoc.qqq/" title="Главная" class="mainlevel-amenu1">Главная</a></div></div></td>
                <td><div class="ml-div"><div><a href="http://befoc.qqq/content/view/1/3/" title="О проекте" class="mainlevel-amenu1">О проекте</a></div></div></td>
            </tr>
        </table>
    </div>

есть стили

Код


.moduletable-divmenu1{
  padding: 0px;
  margin: 0px;
}
.ml-div div{
  background-image: url(../images/menu2.gif);
  background-repeat: repeat-y;
  height: 36px;
}
.mainlevel-amenu1{
  font : bold 12px Arial, Helvetica, sans-serif;
  color: White;
  padding-left: 10px;
  padding-right: 10px;
}
a.mainlevel-amenu1:link, a.mainlevel-amenu1:visited {
  text-decoration: none;
}
a.mainlevel-amenu1:hover, #active_menu-amenu1{
  text-decoration: underline;
}

помогите выровнять ссылки по середине. что-то многое перепробовал, не получается.

--------------------

Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!

Mavrun

Дата 12.1.2010, 11:15 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13

1) например можно тегу td прописать align="center"
2) диву с линком можно задать фиксированную ширину и прописать ему стиль с margin:auto.
3) а почему диву с линком не прописать стиль text-align: center

и вообще сомневаюсь что нужен див вокруг линка, который безклассовый - почему не воспользоваться одним дивом ml-div ?

Gold Dragon

Дата 12.1.2010, 11:23 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

эта структура модулей движка. изменять нужно только CSS, в код не нужно лазить.
Вот как оно отображается сейчас.. Как видно, градиент для оформления, и каждый новый пункт использует градиент сначала. И ширина пунктов динамическая

Это сообщение отредактировал(а) Gold Dragon - 12.1.2010, 11:24

Присоединённый файл ( Кол-во скачиваний: 13 )

Untitled_1.gif 3,08 Kb

--------------------

Gold Dragon

Дата 12.1.2010, 11:42 (ссылка)

(нет голосов)

Загрузка ...

Призрачный

Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

Репутация: 9
Всего: 71

Цитата(Mavrun @ 12.1.2010, 12:15

)

и вообще сомневаюсь что нужен див вокруг линка, который безклассовый - почему не воспользоваться одним дивом ml-div ?

ну можно сделать и так

Код


        <td><div class="ml-div"><a href="http://befoc.qqq/" title="Главная" class="mainlevel-amenu1">Главная</a></div></td>
        <td><div class="ml-div"><a href="http://befoc.qqq/content/view/1/3/" title="О проекте" class="mainlevel-amenu1" id="active_menu-amenu1">О проекте</a></div></td>

и стиль такой

Код


.ml-div{
  background-image: url(../images/menu2.gif);
  background-repeat: repeat-y;
  height: 36px;
  line-height: 30px;
}

но хочется чтоб автоматом центрировалось

Это сообщение отредактировал(а) Gold Dragon - 12.1.2010, 11:42

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »