Navigationsleiste horizontal

[SinLi]

Hallo liebes Forum,
ich bin leider noch ein blutiger Anfaenger und habe gerade meine Probleme damit, eine horizontale Navigationsleiste zu erstellen.
Ich habe ein Stylesheet erstellt, das folgendes beinhaltet:

#navibereich {
background-color: #ffeda0;
padding: 5px 20px 5px 20px;
}
#navibereich li {
display: inline; /* li nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungspunkte */
}


Dann habe ich das folgendermassen in mein Html-Dokument eingefuegt:

<link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen"/>
<nav>
<ul>
<li><a href="About-me.html"style="text-decoration:none;">About me</a></li>
<li><a href="Blog.html"style="text-decoration:none;">Blog</a></li>
</ul>
</nav>

Leider habe ich ueberhaupt keine Ahnung woran es liegen koennte und hoffe deshalb auf ein paar Tipps!
Liebe Gruesse und Danke im Vorraus. :)

 

[scbawik]

Hallo liebes Forum,
ich bin leider noch ein blutiger Anfaenger und habe gerade meine Probleme damit, eine horizontale Navigationsleiste zu erstellen.
Ich habe ein Stylesheet erstellt, das folgendes beinhaltet:

#navibereich {
background-color: #ffeda0;
padding: 5px 20px 5px 20px;
}
#navibereich li {
display: inline; /* li nebeneinander anzeigen */
list-style-type: none; /* ohne Aufzählungspunkte */
}


Dann habe ich das folgendermassen in mein Html-Dokument eingefuegt:

<link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen"/>
<nav>
<ul>
<li><a href="About-me.html"style="text-decoration:none;">About me</a></li>
<li><a href="Blog.html"style="text-decoration:none;">Blog</a></li>
</ul>
</nav>

Leider habe ich ueberhaupt keine Ahnung woran es liegen koennte und hoffe deshalb auf ein paar Tipps!
Liebe Gruesse und Danke im Vorraus. :)

Ach was, und was ist nun das Problem? ;)

 

[djheke]

Im CSS verwendest du ID-Selektoren und im HTML sind keine vorhanden. Das sollte dein problem sein.

 

[SinLi]

Ach ja, ist ja jetzt irgendwie logisch
Danke!

 

[djheke]

Bitte!