[HTML][CSS]wyśrodkowanie menu Opcje

[Michał90]

Witam,
Jak wyśrodkować menu, żeby było na środku?

[HTML] pobierz, plaintext 
ul#topnav {
	margin: 0;
	padding: 0;
	list-style: none;
 
	font-size: 1.1em;
}
ul#topnav li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 10px 20px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: url(a_bg.gif) repeat-x;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 20px;
	line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #555;
	background-position: center bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: center top;
}
#men {
 
width: 100%;
height: 40px;
background: url(a_bg.gif) repeat-x;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="men">
<ul id="topnav">
    <li><a href="#">Home</a></li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Blog</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact</a></li>
</ul>
</div>
[HTML] pobierz, plaintext 

Tak to wygląda:
(IMG:http://img840.imageshack.us/img840/692/80366948.th.png)

[askone]

[HTML] pobierz, plaintext 
#topnav { margin: 0, auto;}
[HTML] pobierz, plaintext 

Powinno pomóc (IMG:style_emoticons/default/smile.gif)

[Michał90]

niestety nie pomogło (IMG:style_emoticons/default/sad.gif)


Ten post edytował Michał90 27.07.2010, 13:18:41

[askone]

A więc:

• Masz gdzieś to wystawione?
• Jeśli nie to jak wrócę do domu a nikt w międzyczasie Ci nie pomoże, wrzucę kod do pliku i sprawdzę dokładniej...

Chociaż wolałbym pierwsze (IMG:style_emoticons/default/smile.gif)

[Michał90]

No to proszę (IMG:style_emoticons/default/smile.gif)
menu

[askone]

[HTML] pobierz, plaintext 
ul#topnav {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
        width: 650px;
        height: 40px;
}
[HTML] pobierz, plaintext 

Przepisywałem z Firebuga, mam nadzieję że niczego nie pominąłem (IMG:style_emoticons/default/smile.gif)

[sunpietro]

a porównaj sobie z tym artykułem: wyśrodkowanie menu

[t4keda]

Temat już był
Temat: %5BCSS%5D wysrodkowanie listy

[krzysztof_kf]

dodaj dla głównego selektora szerokość całego menu plus dodaj wtedy .

[CSS] pobierz, plaintext 
margin: 0 auto;
[CSS] pobierz, plaintext