LI UL menu problem

Ar det nan CSS guru har som kan hjalpa mig med fixa lite CSS till denna navigeringsmeny?

jag vill att text lankarna skall vara i mitten av flikar.

:bire :birp

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
background-color:#FFFFFF;
color:#545454;
}

ta bort background-color... rad 93 i din css

.red Som vanligt läser jag inte vad folk vill ;)

men menyn hover rendera ut lite konstigt ändå :)

Lägg till:

.menulist li {
text-align:center;
}

I filen "listmenu.css" ser det just nu ut så här en liten bit ner:

.menulist li {
	float: left;
	display: block;
	position: relative;
	/*background: #FFF;
	border: 1px solid #E7E7E7;*/
	width: 105px;
}

Lägg bara till

text-align: center;

så att samma kodstycke kommer att ser ut så här:

.menulist li {
	float: left;
	display: block;
	position: relative;
	/*background: #FFF;
	border: 1px solid #E7E7E7;*/
	width: 105px;
	text-align: center;
}

Tror det ska räcka.

Fan...Okkido hann före....

Va bra, men det ar en till grej.

Titta pa knappen Om spirit och de andra knapparna.

1 knappen ligger 1 eller 2 pix lagre an de anra. Igentligen skall be ligga emt till den vita.

???

mall skrev:

Va bra, men det ar en till grej.

Titta pa knappen Om spirit och de andra knapparna.

1 knappen ligger 1 eller 2 pix lagre an de anra. Igentligen skall be ligga emt till den vita.

???

Vilken webbläsare (och version) använder du?
Jag har Safari 2.0.4 (Mac) och Firefox 2.0.0.8 och alla knappar ligger perfekt i linje.
När du kollar efter att ha ändrat något, glöm inte att tömma cachen! Eller t.o.m. starta om webbläsaren också. Annars kan du se en cachad fil som inte visar hur sidan egentligen ser ut.

IE 7 :OO

Altsa det ar inte skalva knapparna utan texten liger int ei linje...

Det finns langst ner i CSS fojande. MEn kan det vara losning pa mit problem vet jag inte.... :l

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */

jag måste bara fråga - varför har du en så komplicerad kod när du egentligen bara behöver sätta den horisontellt repeterande bakgrundsbilden på body och fortsätta med

ul {
list-style:none;
margin:70px auto 0 auto;
padding:0;
width:960px
}

ul li, 
ul li a {
display:block;
float:left
}

ul li a {
height:40px;
text-align:center;
padding:3px;
width:90px
}

ul li a:link, 
ul li a:visited {
background:url(inaktiv.jpg) 0 0 no-repeat
}

ul li a:hover, 
ul li a:active,
ul li a.aktiv:link,
ul li a.aktiv:visited {
background:url(aktiv.jpg) 0 0 no-repeat
}

<ul>
<li><a href="#">inaktiv länk</a></li>
<li><a href="#" class="aktiv">aktivt val</a></li>
</ul>

nollställ marginaler, skippa javascript och slit koden med hälsan
/caya