Menue einbinden

[eisberg]

Hi,
ich möchte ein horizontales Menue mit folgendem Quellcode in die Kopfzeile einbauen. Der Code stammt von der Seite
http://css.maxdesign.com.au/listamatic/
-------------------------------------------------------------------------------------------
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

CSS
#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }
-------------------------------------------------------------------------------------------------
Wenn ich den Quellcode in eine Seite mit dem Elementyp HTML einbaue und ein Stylesheet definiere, welches darauf zugreift, sieht das Menue aus, wie im Original.

Nun habe ich versucht, das CSS auf die Klasse .mod_navigation anzupassen. Dabei ergeben sich zwei Probleme.

Problem 1: Das Menue sieht nicht aus, wie im Original, da ich Probleme habe, die ID´s aus dem Originalcode zu übertragen bzw. zu übersetzen.

Problem 2: Ich arbeite mit zwei Menuepunkten – der aktive Punkt springt beim Öffnen der neuen Seite immer an den Anfang.

Mein angepasster Quellcode ist als jpg beigefügt.

Schon im Voraus vielen Dank für die Hilfe!!
---------------------------------------------------

[MacKP]

Hallo eisberg,
du wirst das CSS etwas mehr anpassen müssen. Schau dir dazu doch einfach mal den generierten Quellcode von TL an.
Ein aktiver Menü Punkt wird hier etwas anders erstellt (mit <span> und ohne <a>).
Daher wirst du da noch ein wenig mehr CSS basteln müssen.

Und noch eine Bitte: versuch es doch bitte mit der Suche, gerade zum Thema Menü/Navigation gibt es schon etliche Threads.. auch zu dem Thema aktiver Menü Punkt ist verschoben oder sonst was...

Tipp:
- Firebug als Addon für Firefox installen und benutzen
- CSS-Tutorials im Internet durcharbeiten und CSS lernen

Nimm das bitte nicht zu böse auf oder so.. ist nur ein Thema was leider immer wieder hier aufgegriffen wird...

Viele Grüße