CSS problem (meny)
 

Menyn blir lite skum i ie6 och ie7 men ser bra ut i ie8 och firefox. Förstår dock inte varför, här är css koden:


.meny li {

list-style: none;
}
.meny li a {
font: bold 14px arial;
color: #000;
text-align: right;
top: 7px;
text-transform: uppercase;
float: right;
margin: auto 10px;
}

Och html-koden:

<ul class="meny">
<li><a href="http://">Företaget</a></li>
<li><a href="http://">Leverantörer</a></li>
<li><a href="http://">Begagnat</a></li>
<li><a href="http://">Aktuellt</a></li>
<li><a href="http://">Hem</a></li>
</ul>

Bifogar en bild:

Fixade sig, att flytta float: right; upp till meny li hjälpte.

IE6 is not the shit. *hata*

Instämmer! Jag har t.o.m. kodat en liten funktion som känner av besökarens webbläsare och version. Om det är IE 5.5 eller 6 så visas meddelandet:

Du använder den otroligt gamla webbläsaren Internet Explorer 6. Detta gör att denna sida (och många andra) inte ser ut, och beter sig som de ska. Vi ber dig att uppgradera till en ny version.

Här är några bra märken och tillverkare:
- länkar -

Jag har skrivit en kort artikel om hur man bör göra sina horisontella menyer för att få de så korrekta som möjligt i alla webbläsare.
Det hela är jävligt enkelt, om man väl vet teorin.

http://utvecklaren.grubblar.nu/index.asp?visa=2739

Bra artikel. Kudos.

Hittade dock ingen länk till live-demo

Tack och bock!
Nej det stämmer, finns inget live-exempel till den. Kanske ska slänga ihop ett sådant.
Det där är ju bara grundkoden för att få den att funka och har ingen styling i sig, ska jag göra ett exempel behöver jag ju styla upp det aningen vilket kanske bara förvirrar folk?

Men vill ni ha det kan jag självklart göra ett!

För min del behövs det inte, men det är alltid intressant att se det färdiga exemplet till en tutorial.

Man kan styla det väldigt enkelt imo.