Hallo,

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

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:

Code :

1 2 3 4 5 6 7 8 9 10

#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

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?

Der Aufruf der css-Datei war bis jetzt so:

HTML-Code:

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

Und in der CSS-Datei stand:

Code :

1 2 3

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

Habe daraus folgendes gemacht:

HTML-Code:

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

Und schon funktioniert es.

Gruß,
Arndtinho

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.

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