Позиционирование текста в меню

Статус
Закрыто для дальнейших ответов.

KorPaEv

Member
Регистрация
08.07.2011
Сообщения
17
Всем привет!
Значит создал менюшку, отрисовал ее картинкор, т.к.размер будет пока фиксированный , тянуться не будет.

интересует, как мне спозиционировать текст в этой менюшке. Длинна слов разная, а в каждом блоке меню он должен находиться по центру.Какие идеи?
Я делал так: див с картинкой меню - далее в нем див для текста - далее в этом диве список - далее флоатом сделал горизонтальным его и отступы между элементами списка делал паддингами. Но проблема что они не центрируются и список сваливается на другую строку.
 

lekzd

parse error: parse error, unexpected T_STRING...
Регистрация
17.02.2011
Сообщения
1 125
ммм text-align: center пробовали? на крайняк можно список положить в теги <center></center>
 

KorPaEv

Member
Регистрация
08.07.2011
Сообщения
17
ммм text-align: center пробовали? на крайняк можно список положить в теги <center></center>
нет у меня длина слов разная поэтому алигн-центр не поможет он центрует по отношению ко всему диву и равные расстояния ставит а мне выходит равные не нужны между словами, причем он по размерам (див с текстом) зависит от дива с картинкой поэтому список сваливается на вторую строку
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 153
Сделай как тут и будет счастье

/* Хм, где то я уже такое писал... */
 

KorPaEv

Member
Регистрация
08.07.2011
Сообщения
17
Сделай как тут и будет счастье

/* Хм, где то я уже такое писал... */
как раз то что надо, спасибо!

Сделай как тут и будет счастье

/* Хм, где то я уже такое писал... */

Сделал табличкой внутри дива и не стал замарачиваться!

Код:
<div id="menu">                         
                                <table cellpadding="0" cellspacing="0">
                                        <tr>
                                        <td><a href="#">Печати</a></td>
                                        <td><a href="#">Штампы</a></td>
                                        <td><a href="#">Факсимиле</a></td>
                                        <td><a href="#">Визитки</a></td>
                                        </tr>
                                </table>
                        </div>
Код:
div#menu
 
        {
        margin:15px 15px 30px 15px;
        position:relative;
        background:url(../img/menu.png) no-repeat left top;
        width:770px;
        height:45px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:24px;
        font-weight:bold;
        }
 
div#menu table   
 
        {
        width:100%; /*ширина всей таблички относительно 800 растгивается на 100%*/
        }
        
div#menu table td        
 
        {
        width:25%; /*ширина колонки относительно 100%*/
        }
 
div#menu td a
 
        {
        display:table-cell; /*мнимая табличка*/
        text-align:center;
        vertical-align:middle;
        width:195px; /*ширина ячейки*/
        height:45px;
        text-decoration:none;
        color:#333333;
        }
 
div#menu td a:hover
 
        {
        background:url(../img/text_ahref.png) no-repeat center top;
        color:black
        }
НО сразу вопрос по кроссбраузерности!
Везде все норм, кроме ИЕ7, там текст уходит в угол менюшки и не тянется процентным позиционированием, как решить проблему?
 
Статус
Закрыто для дальнейших ответов.
Верх Низ