mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 10:01 Benutzername: Passwort: Auto-Login

Thema: CSS aktive Navi funktioniert nur in Opera vom 16.12.2011


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> CSS aktive Navi funktioniert nur in Opera
Seite: Zurück  1, 2
Autor Nachricht
sir_scale_a_lot
Threadersteller

Dabei seit: 09.10.2010
Ort: Dropbox
Alter: 36
Geschlecht: Männlich
Verfasst Fr 16.12.2011 19:17
Titel

Antworten mit Zitat Zum Seitenanfang

Oder ist es so gemeint:

Code:
a.aktiv {
   border-bottom: dotted 2px #999999;
   }

________

 <li><a class="aktiv">Index</a></li>


* grmbl *
  View user's profile Private Nachricht senden
Piki

Dabei seit: 30.01.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Fr 16.12.2011 19:45
Titel

Antworten mit Zitat Zum Seitenanfang

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>


* grmbl *


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".
  View user's profile Private Nachricht senden
Anzeige
Anzeige
sir_scale_a_lot
Threadersteller

Dabei seit: 09.10.2010
Ort: Dropbox
Alter: 36
Geschlecht: Männlich
Verfasst Fr 16.12.2011 19:49
Titel

Antworten mit Zitat Zum Seitenanfang

Aaaaaach sooooooooo - das ist dann ja eine billige Variante! *hehe*

Gefällt mir. Werde ich ausprobieren und mich ansonsten hier wieder melden.

Merci!!!!
  View user's profile Private Nachricht senden
sir_scale_a_lot
Threadersteller

Dabei seit: 09.10.2010
Ort: Dropbox
Alter: 36
Geschlecht: Männlich
Verfasst Mo 19.12.2011 11:07
Titel

Antworten mit Zitat Zum Seitenanfang

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>


* grmbl *


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! * grmbl *
  View user's profile Private Nachricht senden
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 19.12.2011 12:02
Titel

Antworten mit Zitat Zum Seitenanfang

Zeig her was du hast...
  View user's profile Private Nachricht senden
sir_scale_a_lot
Threadersteller

Dabei seit: 09.10.2010
Ort: Dropbox
Alter: 36
Geschlecht: Männlich
Verfasst Mo 19.12.2011 12:39
Titel

Antworten mit Zitat Zum Seitenanfang

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.

* grmbl *
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.