✔ Horizontale Navigation

[Arndtinho]

Hallo,

ich möchte einen horizontale Naviagtionsbar erstellen, aber das klappt nicht so richtig bzw. gar nicht.
Hier ist der HTML-Code:

<ul id="navigation">
      <li><a href="#">seite_1</a></li>
      <li><a href="#">seite_2</a></li>
      <li><a href="#">seite_3</a></li>  
</ul>

Die Angaben in der CSS-Datei sehen so aus:

#navigation li {
  display: inline;                 
  list-style-type: none;           
}

#navigation a {
  color: #FDDB35;                   
  text-decoration: none;            
  padding: 4px 8px;
}

Das Problem: es werden die Listenelemente untereinander und nicht nebeneinander dargestellt. Wo ist der Fehler?

Gruß
Arndtinho

 

[Gumbo]

Also bei mir werden sie nebeneinander dargestellt. Bei welchem Browser werden sie denn untereinander dargestellt? Ist es möglich, dass andere Regeln die Eigenschaften überschreiben?

 

[Arndtinho]

Der Aufruf der css-Datei war bis jetzt so:

<link rel="stylesheet" href="../app_inc/styles.css">

Und in der CSS-Datei stand:

<STYLE type="text/css">
...
</STYLE>

Habe daraus folgendes gemacht:

<link rel="stylesheet" href="../app_inc/styles.css" type="text/css">

Und schon funktioniert es.

Gruß,
Arndtinho

 

[Gumbo]

In der CSS-Datei darf auch nur der CSS-Code selbst stehen und kein HTML-Markup. Und auch die Klassifizierung der verlinkten Stylesheet-Ressource ist sinnvoll, da der Browser sonst doch gar nicht weiß, wie er den Inhalt zu behandeln hat.

 

[Arndtinho]

Naja, stehe ja noch am Anfang mit den ganzen CSS-Zeug.
Habe sonst immer alles über Tabellen gelöst und nur Schriften und Links in einer CSS-Datei definiert.
Werde schon noch ab und an ein paar Fragen in den Raum werfen, wenn ich nciht mehr weiter weis.

Gruß
Arndtinho