Fabian: IE7 macht Treppe aus Navigation

Beitrag lesen

SELF-Forum

IE7 macht Treppe aus Navigation

Fabian
– Informationen zu den Bewertungsregeln

Also ich hab die Lösung für mein horizontale Navigationsleiste mit Liste selbst gefunden. Da ich die Seite die ich oben verlinkt habe rausnehmen werde hier nochmal der (korrekte) Code:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>Test</title>
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="menu">
 <ul>
  <li><a href="startseite.html">Startseite</a></li>
  <li><a href="produkte.html">Produkte</a></li>
  <li><a href="ueber_uns.html">&Uuml;ber Uns</a></li>
  <li><a href="frage_und_antwort">Frage &amp; Antwort</a></li>
  <li><a href="seitenlandkarte.html">Seitenlandkarte</a></li>
  <li><a href="suchen.html">Suchen</a></li>
  <li><a href="english.html">English</a></li>
 </ul>
</div>
</body>
</html>

Und das CSS:

.menu {
    height: 27px;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    background-image: url(bilder/nav.jpg);
    background-repeat: repeat-x;
}

.menu ul {
    list-style-type: none;
}

.menu li {
 display:inline;
}

.menu a {
    float: left;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 38px;
    color: #666666;
}

.menu a:hover {
    color: #000000;
    background-image: url(bilder/nav_hov.jpg);
    background-repeat: repeat-x;
}

Greetz
Fabian

Beitrag melden
–
Informationen zu den Bewertungsregeln