Hallo Freunde,
ich habe derzeit folgendes Problem in Verbindung mit Contao & CSS. Ich soll bei einer Navigation jedem Link einen farblichen Unterstrich verpassen. Link A hat farbe Blau, Link B Farbe Grün etc. Kurzes Beispiel:
Link A Link B Link C
----- ----- ------
Mit folgendem CSS Code bekomme ich es schonmal hin, dass alle Links einen farblichen Balken haben. Nun stehe ich aber vor dem Problem jeden Link unterschiedlich einzufärben, da ich ,ja nicht die ID´s ansprechen kann, bzw. keine vorhanden sind für die einzelnen Links.
HTML-Code:
#mainmenu a,
#mainmenu span
{
display:block;
padding:8px 18px 10px;
border-right:1px solid #e5e5e5;
text-decoration:none;
color:#000;
height: 41px;
background: url("../../tl_files/rounded_boxes/images/dev/line1.png") repeat-x scroll 11px 32px transparent;
}
Erste Versuche mit dem + Selektor haben leider auch keinen Erfolg gebracht, sodass ich im Moment recht ahnungslos dastehe. Das genutzte Template ist derzeit noch Rounded Boxes und im Firebug liefert er mir folgenden Code.
HTML-Code:
<div id="topmenu">
<nav id="mainmenu" class="mod_navigation block">
<a class="invisible" href="#skipNavigation48">Navigation überspringen</a>
<ul class="level_1">
<li class="active first">
<li class="sibling">
<a class="sibling" title="Vorsorge" href="index.php/vorsorge.html">Vorsorge</a>
</li>
<li class="sibling">
<a class="sibling" title="Konto & Kredit" href="index.php/konto-kredit.html">Konto & Kredit</a>
</li>
<li class="submenu sibling">
<a class="submenu sibling" title="Gas & Strom" href="index.php/gas.html">Gas & Strom</a>
<ul class="level_2">
</li>
Vielleicht kann mir hier ja jemand einen Denkanstoß geben - Danke
Lesezeichen