X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите разобраться с кодом
Петр1313
Петр1313
Topic Starter сообщение 2.10.2013, 16:46; Ответить: Петр1313
Сообщение #1


Вот код меню CSS
[CSS]
#menu{
width:100%;
height:60px;
background:url(/images/menu_bg.png) repeat-x;
}

#menu ul{
list-style:none;
margin:0 auto;
}

#menu li{
list-style:none;
display:block;
float:left;
height:60px;
line-height:60px;
}

#menu li a{
display:block;
float:left;
color:#a7a7a7;
text-transform:uppercase;
font-size:11px;
font-weight:bold;
line-height:60px;
text-decoration:none;
padding:0 25px;
}

#menu li a:hover, #menu li a.current{
color:#fff;
background:url(/images/menu_h.png) no-repeat bottom;
}
[/CSS]
Вот код меню HTML
<div id="menu">
<ul>
<li><a href="#" class="current"><span>Главная</span></a></li>
<li><a href="#"><span>Регистрация</span></a></li>
<li><a href="#"><span>Поиск</span></a></li>
<li><a href="#"><span>Карта сайта</span></a></li>
<li><a href="#"><span>О нас</span></a></li>
</ul>
</div>


Полоска меню растянута на весь экран как и надо, но как сделать чтобы пункты меню внутри полоски были по центру? Желательно валидное решение. Спасибо заранее за помощь!
Вот скрин
[IMG]http://play.ucoz.ru/bezymjannyj.png[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Witu
Witu
сообщение 2.10.2013, 18:10; Ответить: Witu
Сообщение #2


Петр1313, нафига именно валидные? все нормальные браузеры поймут чего вы хотите ну а тупой ИЕ не поймет какой бы валидной верстка ни была

если ширина задана конкретно то можно использовать margin: 0 auto; а если динамически то через скрипт можно
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Петр1313
Петр1313
Topic Starter сообщение 2.10.2013, 19:17; Ответить: Петр1313
Сообщение #3


(HTMLandPHP @ 2.10.2013, 21:10) *
Петр1313, нафига именно валидные? все нормальные браузеры поймут чего вы хотите ну а тупой ИЕ не поймет какой бы валидной верстка ни была

если ширина задана конкретно то можно использовать margin: 0 auto; а если динамически то через скрипт можно


Проехали с валидностью допустим. Но margin: 0 auto; не работает, либо я что то не так делаю. Было бы не плохо если бы мне привели пример.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Witu
Witu
сообщение 2.10.2013, 19:30; Ответить: Witu
Сообщение #4


.sub {
    width: 400px;
    margin: 0 auto;
}

<div id="menu">
<div class="sub">
    <ul>
        <li><a href="#" class="current"><span>Главная</span></a></li>
        <li><a href="#"><span>Регистрация</span></a></li>
        <li><a href="#"><span>Поиск</span></a></li>
        <li><a href="#"><span>Карта сайта</span></a></li>
        <li><a href="#"><span>О нас</span></a></li>            
    </ul>
</div>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Петр1313
Петр1313
Topic Starter сообщение 2.10.2013, 19:43; Ответить: Петр1313
Сообщение #5


(HTMLandPHP @ 2.10.2013, 22:30) *
.sub {
    width: 400px;
    margin: 0 auto;
}

<div id="menu">
<div class="sub">
    <ul>
        <li><a href="#" class="current"><span>Главная</span></a></li>
        <li><a href="#"><span>Регистрация</span></a></li>
        <li><a href="#"><span>Поиск</span></a></li>
        <li><a href="#"><span>Карта сайта</span></a></li>
        <li><a href="#"><span>О нас</span></a></li>            
    </ul>
</div>
</div>


Спасибо...Наконец то заработало
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 2.10.2013, 23:26; Ответить: Arks
Сообщение #6


margin: 0 auto игнорируется если не задана ширина блока.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Witu
Witu
сообщение 3.10.2013, 4:50; Ответить: Witu
Сообщение #7


Arks, КЭП
(HTMLandPHP @ 2.10.2013, 21:10) *
если ширина задана конкретно то можно использовать margin: 0 auto;


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12402 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3332 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:45
Дизайн