Gelöst: Darstellungsweise / Untermenüs

[hUmanns]

Hallo liebe Forenmitglieder,
wenn ich mit meiner Maus über die einzelnen Menüpunkte fahre, werden die einzelnen Menüpunkte/texte in blauer Farbe angezeigt. Dies geschieht jedoch bei einem Menüpunkt bzw. dessen Untermenüs nicht (Probandenaufnahme). Nun würde ich gerne, dass auch die Untermenüs, genauso wie die anderen, in einem hellen Blau erscheinen. Kann mir hier jemand verraten, wie ich das vereinheitlichen kann?

Viele Grüße
Human

[womaninweb]

Hallo hUmanns,

wenn du die Klasse topli beibehälst, wäre die logische Folge den untergeordneten Elementen ul und li bei einem visited, active und link die entsprechende Farbe zuzuordnen. Das heisst also:

Code: Alles auswählen

.topli ul li a:link, .topli ul li a:visited, .topli ul li a:active { color: #318CBB; text-decoration: none;}

Soweit ich das bei diesem umfangreichen CSS sehen kann ...

Gruß,
womaninweb

[sejuma]

Habe mir den CSS-Code jetzt auch nicht näher angesehen.
Aber so wie von "womaninweb" dargestellt, beziehen sich die Linkformatierungen nur auf das erste level.
Wegen der Verschachtelungen (Drop-Down-Effekt) wäre es m.E. sinnvoller, die Links direkt anzusprechen und "ul li" wegzulassen.
Also nur

Code: Alles auswählen

.topli a:link

anstelle von

Code: Alles auswählen

.topli ul li a:link

[hUmanns]

Hallo Ihr Lieben,
vielen Dank für Eure Beiträge.

Leider bin ich mir nicht so sicher, wo die neuen Codes eingebracht werden sollten. Kann es sein, dass es der rot markierte Bereich ist, der mein Anliegen hier im Forum verursacht? Lösche ich dann die kompletten Zeile und ersetze es mit dem von Euch geposteten? Wie sollte ich denn da genau vorgehen? Tut mir leid für die doofe rumfragerei...

Nochmals vielen Dank im Vorraus!

Hier ein Auszug aus meiner Style1.css Datei:

/* ------------------------- STYLE1 --------------------------*/

/* template_css.css
------------------------------------------------------------------*/

a:link,
a:visited,
a:active{
color:#318cbb;
}
a:hover{
color:#57afdc;
}
a#logo_styled{
background: transparent url(../images/style1/logo.png) no-repeat 0 0;
}
div#wrapper_menu ul li.level1:hover a{
color:#318cbb!important;
}
div#wrapper_menu .moomenu ul li.topli:hover a{
color:#318cbb!important;
}
div#buttons span:first-child{
border-right:1px solid #318cbb;
}
h3#bottom_wrapper_header{
color:#318cbb;important;
}
div#wrapper_footer ul li.level1 a{
color:#318cbb !important;
}
div#wrapper_footer ul li.level1 a:hover{
color:#318cbb;
}
div.moduletable h3,
div.moduletable_clear h3,
div.moduletable_menu h3,
div.moduletable_text h3{
color:#318cbb;
}
ul{
list-style-image:url(../images/style1/bullet1.png);
}

[sejuma]

Hast du Einfluss auf den HTML-Quelltext oder ist ds ein CMS?

Diesen könntest du mal so ergänzen:

<a href="/human/probandenaufnahme/weshalb-markforschung.html" class="level1 topli topdaddy" ><span>Weshalb Markforschung?</span></a>

[hUmanns]

Hallo,
es handelt sich bei mir um einen CMS (Joomla-Template).

Wo könnte ich das denn unterbringen? Also unter welcher Datei!?

Viele Grüße
hUmanns

[sejuma]

Dacht ich mir.

Suche in deiner template_css.css nach folgender Stelle:

div#wrapper_menu .moomenu ul li.topli:hover ul a{
color:#3a3a3a!important;
}

Wenn du hier den Farbcode änderst, müsste es hinkommen.
Für Hellblau könnte das passen #40BFFF
Ansonsten müsste ich die CSS-Dateien nochmal durchforsten um die exakt gleiche Farbe herauszubekommen.

[hUmanns]

Hallo Sejuma,
vielen Dank!

Das Problem ist jetzt, dass es zwar Blau dargestellt wird jedoch durchgehend. Ich wollte das so haben, dass wenn ich mit der Maus da drüber fahre, der Text des Untermenüs in blauer Farbe erscheint und wenn nicht, dass es grau erscheint, genauso wie bei meinen Hauptmenüs.

Muss ich eventuell irgendwas in die template_css.css hinzufügen?

Viele Grüße
hUmanns