Autor |
Nachricht |
sir_scale_a_lot
Threadersteller
Dabei seit: 09.10.2010
Ort: Dropbox
Alter: 36
Geschlecht:
|
Verfasst Fr 16.12.2011 19:17
Titel
|
|
|
Oder ist es so gemeint:
Code: | a.aktiv {
border-bottom: dotted 2px #999999;
}
________
<li><a class="aktiv">Index</a></li> |
|
|
|
|
|
Piki
Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 16.12.2011 19:45
Titel
|
|
|
sir_scale_a_lot hat geschrieben: | Oder ist es so gemeint:
Code: | a.aktiv {
border-bottom: dotted 2px #999999;
}
________
<li><a class="aktiv">Index</a></li> |
|
Nein, wenn Du es so machen willst, wie von mir beschrieben, kommt class="aktiv" in das li-Element hinein, das a-Element lässt Du weg. Aber nur dort, wo die aktuelle Seite angezeigt werden soll.
Mit allen anderen Navigationspunkten willst Du ja noch auf andere Seiten verlinken – dort bleibt alles beim alten, also a-Elemente innerhalb der li-Elemente, und ohne class="aktiv".
|
|
|
|
|
Anzeige
|
|
|
sir_scale_a_lot
Threadersteller
Dabei seit: 09.10.2010
Ort: Dropbox
Alter: 36
Geschlecht:
|
Verfasst Fr 16.12.2011 19:49
Titel
|
|
|
Aaaaaach sooooooooo - das ist dann ja eine billige Variante!
Gefällt mir. Werde ich ausprobieren und mich ansonsten hier wieder melden.
Merci!!!!
|
|
|
|
|
sir_scale_a_lot
Threadersteller
Dabei seit: 09.10.2010
Ort: Dropbox
Alter: 36
Geschlecht:
|
Verfasst Mo 19.12.2011 11:07
Titel
|
|
|
Piki hat geschrieben: | sir_scale_a_lot hat geschrieben: | Oder ist es so gemeint:
Code: | a.aktiv {
border-bottom: dotted 2px #999999;
}
________
<li><a class="aktiv">Index</a></li> |
|
Nein, wenn Du es so machen willst, wie von mir beschrieben, kommt class="aktiv" in das li-Element hinein, das a-Element lässt Du weg. Aber nur dort, wo die aktuelle Seite angezeigt werden soll.
Mit allen anderen Navigationspunkten willst Du ja noch auf andere Seiten verlinken – dort bleibt alles beim alten, also a-Elemente innerhalb der li-Elemente, und ohne class="aktiv". |
Es funktioniert übrigens nicht. Mist!
|
|
|
|
|
DesignKater
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mo 19.12.2011 12:02
Titel
|
|
|
Zeig her was du hast...
|
|
|
|
|
sir_scale_a_lot
Threadersteller
Dabei seit: 09.10.2010
Ort: Dropbox
Alter: 36
Geschlecht:
|
Verfasst Mo 19.12.2011 12:39
Titel
|
|
|
So funktioniert es, wie gewünscht, mit Opera. Der aktive Link ist unterstrichen.
Zitat: | <div id="mainnavi">
<ul>
<li id="navi_u"><a href="index.html">Index</a></li>
<li><a href="seite2.html">Seite 2</a><br></li>
<li><a href="seite2">Seite 3</a></li>
<li><a href="seite2.html">Seite 4</a></li>
<li><a href="seite2.html">Seite 5</a><br></li>
</ul>
</div> |
Zitat: | #navi_u {
border-bottom: dotted 2px #ff0099;
} |
Die von Piki vorgeschlagene Lösung funktioniert nicht (bei der aktiven Seite den Link einfach rausnehmen:
Zitat: | <div id="mainnavi">
<ul>
<li id="navi_u">Index</li>
<li><a href="seite2.html">Seite 2</a><br></li>
<li><a href="seite2">Seite 3</a></li>
<li><a href="seite2.html">Seite 4</a></li>
<li><a href="seite2.html">Seite 5</a><br></li>
</ul>
</div> |
Mittlerweile überlege ich - wenn es anscheinend so umständlich ist, mit dem border unterm aktiven Link, ob ich nicht einfach den Menüpunkt als dicke Headline setze.
|
|
|
|
|
|
|
|
Ähnliche Themen |
PHP Formmailer, funktioniert in Opera, nicht im IE
navi - dropdown funktioniert nicht einwandfrei in IE 8 ?
[php/js]im IE funktioniert Flash-Navi nicht richtig
Warum funktioniert mein Javascript nicht im Opera?
aktive buttons
CSS] das aktive Objekt und die Klassen
|
|