Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > текст в DIV по середине

Автор: Gold Dragon 12.1.2010, 10:52

Есть код

Код


    <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

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

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

Автор: Gold Dragon 12.1.2010, 11:23

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

Автор: Gold Dragon 12.1.2010, 11:42

Цитата(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;
}

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