[CSS][HTML]Wyśrodkowanie diva Opcje

[cv65]

Witam
Mój problem polega na tym że nie moge wysrodkować diva ponieważ przeszkadza mi float: left;

Mój kod:

[HTML] pobierz, plaintext 
.navigation ul {margin:0 auto; }
.navigation {
	padding:0 0 0 20px;
	list-style:none;
	text-align:center;
	height:40px;
	background:#1841c8 url({WWW}images/nav_background.gif);
}
.navigation li {
	float:left;
	text-align:center;
}
.navigation li a {
	text-align:center;
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
	text-decoration:none;
	font-family:arial, verdana, sans-serif;
	text-align:center;
	padding:0 0 0 10px;
	cursor:pointer;
	font-size:11px;
}
.navigation li a b {
	float:left;
	text-align:center;	
	display:block;
	padding:0 16px 0 8px;
}
.navigation li.current a {
	color:#FFFFFF;
	background:url({WWW}images/nav_hover.gif);
}
.navigation li a:hover {
	color:#00CCFF;
	background: url({WWW}images/nav_hover.gif);
}
.navigation li a  {
	display:block;
	float:left;
	width:30px;
	height:40px;
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<ul class="navigation">
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
<li><a href="http://www.hv-designs.co.uk"><b>Home</b></a></li>
</ul>
[HTML] pobierz, plaintext 

Proszę o pomoc bo sam nie dam rady

Pozdrawiam

[patryczakowy]

a gdzie ten div?

[DirectPL]

Wyrzuć to:

[HTML] pobierz, plaintext 
.navigation ul {margin:0 auto; }
[HTML] pobierz, plaintext 

Samo ".navigation" odnosi się do "ul".

Dodaj do "navigation": "margin: 0 auto;"

Czyli klasa .navigation przedstawia się następująco:

[HTML] pobierz, plaintext 
.navigation {
	padding:0 0 0 20px;
	list-style:none;
	text-align:center;
	height:40px;
	background:#1841c8 url({WWW}images/nav_background.gif);
        margin: 0 auto;
}
[HTML] pobierz, plaintext 

Ewentualnie jak nie będzie działać, to wrzuć to menu do diva o klasie: "nav"

[HTML] pobierz, plaintext 
.nav {
       margin: 0 auto;
       width: 100%;
       height: 40px;
}
[HTML] pobierz, plaintext 

Ten post edytował DirectPL 3.05.2010, 18:58:11

[pedro84]

Zastanawia mnie tylko sens ładowania nawigacji w takiego diva. Po co tak?

Ten post edytował pedro84 3.05.2010, 19:23:08

[cv65]

niestety to niedziała ani drgnie

[krzysztof_kf]

niestety to niedziała ani drgnie

co chcsz wyśrodkować całą zawartość tzw menu z tłem ? czy co jeśli same menu żeby wyśrodkować musisz dać

to na przykład i usuń float: left;

[CSS] pobierz, plaintext 
 
.navigation li {
width: 1000px;
margin:  0 auto;
[CSS] pobierz, plaintext 

Ten post edytował krzysztof_kf 4.05.2010, 09:25:09

[cv65]

napisałem trochę inaczej kod menu i teraz śmiga dzięki za pomoc