Schrift, Rollover-Menue im Netscape falsch dargestellt

Status
Nicht offen für weitere Antworten.
Hallo elg,

dein Menü wird eigentlich nur im Internet-Explorer "richtig" dargestellt, Firefox und Opera zeigen es fehlerhaft.
Sicherlich liegt es daran, dass du in den Stylesheets Fehler hast:






  • Im LI-A-Selektor ist bei der Höheneigenschaft kein Wert eingetragen und die Eintragung wurde auch nicht mit einem Semikolon abgeschlossen. Die LI-Elemente werden deshalb nur mit einer Höhe von 12px dargestellt, so wie im LI-Selektor angegeben.
  • Alle Dezimalwerte müssen mit einem Punkt als Dezimaltrenner angegeben werden (z.B. margin-left : 0.5em;)
 
Zuletzt bearbeitet:
Neben den von hela genannten Punkten sind mir auch ein paar (überflüssige) DIVs aufgefallen, die ich mal (testweise) entfernen würde:

Code:
<ul>
  <div>
  <li>
    <div align="left"><a href="#" class="litenheading_fettBild">Information </a></div>
    <ul>
              <li><a href="#" class="litenheading">About us</a></li>
              <li><a href="location.htm" target="_self" class="litenheading">Location</a></li>
              <li><a href="#" class="litenheading">Representatives</a></li>
              <li><a href="#" class="litenheading">History</a></li>
              <li><a href="#" class="litenheading">Contact us</a></li>
          </ul>
  </li>
  </div>
    </ul>

Zum Thema 'CSS-Listenmenüs' kann ich dir Listamatic: one list, many options empfehlen.
 
Status
Nicht offen für weitere Antworten.
Zurück