Hallo zusammen,
Habe mir mit viel Mühe ein CSS-Menü "zusammengebastelt", welches auch sehr gut funktioniert! Komme aber an einem Punkt nich weiter! Würde gerne die Klasse "current" (die Klasse die aktuell ausgewählt ist) für die Anweisung :hover ausschließen! Wollte aber den Hyperlink der Klasse <a> noch innerhalb "current" belassen! Also wirklich nur die Funktion :hover für diesen Bereich ausschließen! Bekomm das aber nicht hin! Hoffe mir kan jemand helfen! Hier der CSS-Code plus Anweisung in HTML:
Würde mich freuen, wenn mir jemand helfen könnte,
Vielen lieben Dank schon einmal,
Bibi
Habe mir mit viel Mühe ein CSS-Menü "zusammengebastelt", welches auch sehr gut funktioniert! Komme aber an einem Punkt nich weiter! Würde gerne die Klasse "current" (die Klasse die aktuell ausgewählt ist) für die Anweisung :hover ausschließen! Wollte aber den Hyperlink der Klasse <a> noch innerhalb "current" belassen! Also wirklich nur die Funktion :hover für diesen Bereich ausschließen! Bekomm das aber nicht hin! Hoffe mir kan jemand helfen! Hier der CSS-Code plus Anweisung in HTML:
Code:
div.tabHeader {
width: 100%;
background: #a7966a;
float: left;
}
div.tabHeader ul {
font-size: 10px;
margin: 1px 0 0 0;
padding: 1px 0 0 3px;
line-height: 120%;
}
div.tabHeader ul.myNav {
float: right;
padding: 1px 3px 0 3px;
}
div.tabHeader ul li {
display: inline;
}
div.tabHeader ul li a {
float:left;
color: #fff;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
div.tabHeader ul li a span {
display: block;
padding: 2px 12px 5px 12px;
}
div.tabHeader ul li a:hover {
color: #fff;
font-size: 10px;
font-weight: bold;
text-decoration: underline;
}
div.tabHeader li.current a {
color: #a7966a;
background: url(pics/nav_l.gif) no-repeat 0 0;
}
div.tabHeader li.current a span {
background: url(pics/nav_r.gif) no-repeat 100% 0;
padding: 2px 22px 5px 22px;
}
Code:
<div class="tabHeader">
<ul>
<li class="current" >
<a href="/web/test1.html"><span>abcdefg</span></a>
<li>
<a href="/web/test2.html"><span>hijklmn</span></a>
<li>
<a href="/web/test2.html"><span>opqrst</span></a>
<li>
<a href="/web/test.html"><span>uvwxyz</span></a>
</ul>
</div>Würde mich freuen, wenn mir jemand helfen könnte,
Vielen lieben Dank schon einmal,
Bibi
