Zum Inhalt springen

Menü unterstrichen

Erstellt am 8. Juli 2009 · 1 Antwort · letzte Antwort am 8. Juli 2009

Tags: Frage

Sentinel ·

Hallo!

Ich hab das Problem, dass in meinem Menü alle Einträge unterstrichen sind. Hab auch schon probiert in der CSS-Datei bei text-decorations none einzustellen, aber das macht die Unterstreichungen auch nicht weg.

Die relevante Stelle im TS:

## subMenu [Begin]
lib.subMenu = HMENU
lib.subMenu.entryLevel = 1
lib.subMenu.wrap =
lib.subMenu.1 = TMENU
lib.subMenu.1.expAll = 1
lib.subMenu.1.NO {
	wrapItemAndSub = <li id="nav-section">|</li>
}
lib.subMenu {
2 < .1
2.NO.wrapItemAndSub = <li style="margin-left: 10px;">|</li>
}
## subMenu [End]

(margin left ist um die zweite Menüeebene etwas einzurücken.)

Und das CSS:

/* sub nav */

#nav-section {
clear: both;
text-decoration: none;
}

#nav-section ul {
margin: 0;
padding: 0 0px 0 0px;
}

#nav-section li {
float: left;
margin: 0px 4px 0 4px;
padding-left: 0px;

}

Ich glaube, dass es an den Wraps liegen muss, hatte es nämlich auch schon mit den Wraps irgendwie hingekriegt gehabt, dass NICHTS unterstrichen war (aber da wiederrum schaffte ich es nicht hinzukriegen, dass vor jedem Element ein * ist). Kann jetzt aber nicht reproduzieren, wie ich da gewrappt hatte.

Hoffe mir kann hier jemand weiterhelfen und vielen Dank für die AUfmerksamkeit!

Julian.​Hofmann ·

Hallo.

Unterstrichen wird bei der Darstellung von Links. In Deinem CSS weißt Du den browser jedoch nur an, dass Listeneinträge (li) nicht unterstrichen werden sollen. In Deinem menü ist jedoch ein Link (a) innerhalb eines Listeneintrages. Dadurch greift die (Default-)Einstellung, dass der Link unterstrichen wird.

Du musst via CSS demnach formulieren: Unterstreiche keine Links, wenn dsie innerhalb eines Listeneintrags sind

li a { text-decoration: none; }

Viele Grüße
Julian

P.S: id-Werte müssen einmalig im Quellcode sein, d.h. "nav-section" als ID für alle normalen Menüpunkten zu verwenden, ergibt invaliden HTML-Code. Dafür wären Klassen da.