Zum Inhalt springen

menü mit css

Erstellt am 13. April 2005 · 5 Antworten · letzte Antwort am 14. April 2005

Tags: Frage

jorge_e ·

hallo,

bin am verzweifeln. ich haben ein menü mit css-tags erstellt. und zwar soll als mouseover ein graues kästchen um den link angezeigt werden. das klappt auch. aber wenn ich das als aktiver menüpunkt haben möchte pappt typo3 mir da n rahmen rum und mein komplettes design hauts durcheinander.

im typo3 template schauts so aus:

marks.NAV1 = HMENU
marks.NAV1.special = directory
marks.NAV1.special.value = 19
marks.NAV1.1 = TMENU
marks.NAV1.1 {
NO {
allWrap = <span id="nav1" class="nav1n1">|</span>
ATagParams=class="nav1n1"
RO = 0
}
ACT = 1
ACT {
allWrap = <span  id="nav1" class="nav1a1">|</span>
ATagParams=class="nav1a1"
}
}

im stylesheet so - aktiv:

#nav1 .nav1a1 {
width: 100px;
font-weight: bold;
color: fff8ee;
padding: 4px 5px;
font-size: 12 px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
background: 373535;
}

und fürs inaktive so:

#nav1 .nav1n1 {
width: 100px;
color: 373535;
font-weight: normal;
font-size: 12 px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
background: d7d7d7;
}

und im ergebnis hab ich n rahmen drum.

WAS MACH ICH FALSCH?

danke für eure hilfe

jorge

jenses ·

Wo der Rahmen ( oder was immer das ist ) herkommt,
weiß ich auch nicht, ohne die Seite mal sehen zu können.
Das hier :

<span  id="nav1" class="nav1a1">

ist auf jeden Fall falsch, es sei denn, es gibt nur einen Menüpunkt.
Du kannst keine ID mehrfach vergeben, dann ist es keine eindeutige ID mehr. ;-)

jenses

jorge_e ·

hi maik,

da wird aber der aktive link nicht angezeigt ... oder doch. ich möchte, dass der bereich, der aktiv ist grau hinterlegt wird :-/

maik ·
 <li id="active"><a href="#" id="current">Item one</a>

Das CSS musst du dann halt noch ein klein wenig anpassen.
Sollte auch nur eine Anregung sein, wie das etwas besser umgesetzt werden kann.

Das ist nicht wirklich schön:

<span  id="nav1" class="nav1a1">

Vor dem Hintergrund barrierefreier Websites sollte man Navigationen immer in HTML Listen packen.

jorge_e ·

ok ... barrierefreies serven ist ein grund das ding umzubauen. du hast mich überzeugt. ich versuch das ganze anders zu machen.

danke für den tip