Matthias Apsel: Navigationsleiste auf volle Fensterbreite

Beitrag lesen

Om nah hoo pez nyeetz, Jorin!

HTML:

  <ul id="nav">
    <li><a href="#">Seite 1</a></li>
    <li><a href="#">Seite 2</a></li>
    <li><a href="#">Seite 3</a></li>
    <li><a href="#">Seite 4</a></li>
  <ul>

CSS:

#nav li {width: 160px;}
 #nav a {display: block;} /* siehe mein Vorposting */

stehen alle Listenelemente untereinander.

Damit sie nebeneinanderstehen gibt es zwei Möglichkeiten

#1# #nav li {float:left;}, dann musst du noch die Aufzählungszeichen entfernen

#2# #nav li {display: inline-block;}, dann hast du wahrscheinlich unerwünschte Abstände (resultierend aus white-space) zwischen den Listenelementen.

Du kannst deine Versuche gern auch irgendwohin (z.B. Lima-city) laden, dann kann man dir besser helfen.

#navigation a, a:visited {

du meinst #navigation a, #navigation a:visited

Genau so wie du zwar umgangssprachlich sagen kannst x sei kleiner 10 und größer als 4 darfst du in Programmiersprachen nicht schreiben x < 10 and > 4. Das heißt, schreiben darfst du das schon, nur das Ergebnis wird nicht das erwünschte sein.

Matthias

--
Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) http://www.billiger-im-urlaub.de/kreis_sw.gif