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

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

Форум программистов > Вёрстка веб-сайтов > <div> и его функция

Автор: sanchos14931 24.3.2009, 13:29

Здравствуйте Форумчане! У меня вот какая проблемма

http://s61.radikal.ru/i173/0903/3f/2c98a741ffa4.bmp

как текст поместить в середину

вот код этой части

Код


<th width="100" scope="col"><div  align="center" class="cssmenu"><a href="index.php">Главная</a></div></th>

стиль

Код


.cssmenu { background-image:url(img/center.jpg); height:50px; width:100px;
            font: bolder Verdana;

Автор: sanchos14931 24.3.2009, 18:07

Все... Сам додумался,
сделал вот как

Код


<th width="100" scope="col"><div><div class="greenBorder" style="display: table; height: 50px; #position: relative; overflow: hidden; width:100px;"> <div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div style=" #position: relative; #top: -50%"><a href="index.php">Главная</a></div>
    </div>
  </div> </th>

вот стиль

Код

<style type="text/css">
<!--
html, body {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}
  .greenBorder { background-image:url(img/center.jpg); }
-->
</style>