выравнивания на середину

stars · August 31, 2008

Тэкс я практически закончил свой сайтик у меня только 1 трабла с менюшкой она не становится по середине пробывал margin: 0 auto; не помогло так что нид хэлп! Кстати менюшка написана на css для старых версий IE добавлен небольшой скрипт, так что может кого заинтересует.

выглядит она так http://stars124.narod.ru/3.html

index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
<title>Выпадающее меню CSS</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript"><![CDATA[//><!]]></script>
</head>
<body>
<h1>Пример меню</h1>
<ul id="nav">
<li><a href="#null">Домой</a></li>
<li><a href="#null">Каталог</a>
<ul>
<li><a href="#null">Вся продукция</a>
</li>
<li><a href="#null">Молотки</a>
</li>
<li><a href="#null">Гвозди</a></li>
<li><a href="#null">Доски</a></li>
</ul>
</li>
<li><a href="#null">Новости</a>
<ul>
<li><a href="#null">Новости сайта</a>
</li>
<li><a href="#null">Новости компании</a>
</li>
<li><a href="#null">Архив</a></li>
</ul>
</li>
<li><a href="#null">Контакты</a></li>
</ul>
</body>
</html>

style.css
/* Navigation */
#nav, #nav ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
float: left;
background: #515151;
}
#nav li {
float: left;
position: relative;
background: none;
}
#nav a {
color: #fff;
text-decoration: none;
display: block;
width: 120px;
padding: 4px 10px;
background: url(dot.png) repeat-y right;
}
#nav a:hover {
color: #000;
background: #ccc;
}
#nav li:hover,
#nav li.jshover {
background: #333;
}
#nav li ul {
display: none;
position: absolute;
background: url(fone-tr.png);
padding: 8px 0;
width: 138px;
}
#nav li li a {
width: 118px;
background: none;
}
#nav li:hover ul,
#nav li.jshover ul {
display: block;
}
#nav li:hover li ul,
#nav li.jshover li ul {
display: none;
width: 138px;
top: -9px;
left: 118px;
}
#nav li:hover li:hover ul,
#nav li.jshover li.jshover ul {
display: block;
}

Edited August 31, 2008 by stars

klierik · August 31, 2008

я как понимаю Вы начинающий верстальщик...

Пожалуйста, я очень Вас прошу, объясните мне зачем Вы, как и многие начинающие, пишете следующее(выделенно жирным):

#nav, #nav ul {background:#515151 none repeat scroll 0 0;float:left;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 auto;padding:0;width:100%;}

по сабжу. что именно вы пытаетесь сделать?

какие меню Вы хотите отцентровать?

или Вы хотите отцентровать пункты этого меню?! а именно, на сером фоне что б кнопки были по-центру?!

stars · August 31, 2008

или Вы хотите отцентровать пункты этого меню?! а именно, на сером фоне что б кнопки были по-центру?!

То что выделенное жирным шрифтом скорей всего писалось так сказать чтобы наверняка.(меню я конечно придумал не сам так, что возможно изначальна эти выравнивания уже были.)...

вот сделал так добился эффекта, которого хотел...

#nav, #nav ul {
margin: 0 auto;
padding: 0;
width: 600px;
}
#nav li {
float: left;
position: relative;
background: #515151;
}

Собственно может быть это была и глупая тема но начинать то надо с чего та, у меня нет знакомых которые могут взять за руку и все объяснить )

Edited August 31, 2008 by stars

Sign In

выравнивания на середину

Question

stars

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

stars

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information