Thread: Navigation mit CSS / aktiver Link

31.01.2008 18:43 Uhr

Status: offline

hi

Ich habe schon sehr lange bei Google gesucht und auch sehr viele Beiträge gefunden. Doch leider
bin ich nie auf den richtigen Artikel gestossen oder ich habs genau so gemacht und es ging nicht.

Nun zur eigentlichen Frage. Ich würde gerne mit CSS eine Navigation erstellen mit Roll-Over effekt. Nun so weit so gut.
Jetzt möchte ich aber, dass der Roll-Over Effekt aktiv bleibt wenn ich auf der Seite bin.

Was mache ich da falsch? der Rollover effekt funktioniert (siehe printscreen) doch sobald ich auf den Link geklickt habe, sind alle Dunkelblau (und nicht hell wie beim roll-over).

hier die CSS-Codes:

PHP:

/* Standard-Ansicht */
.navi_left a:link, .navi_left a:visited  {
      width:140px;
  font-weight:bold;
      color:black;
      text-decoration:none;  
      margin:0px;
      border:0px;
      padding-top: 0.2em;
  padding-right:0px;
  padding-bottom:0.2em;
  padding-left:1em;
  display:block; /* um Breite zu definieren mit Rahmen */
}
/* roll-over */
.navi_left a:hover {
      width:140px;
  color:red;
      background-image: url(img/menuhell.bmp);
      text-decoration:none;
}
 
.navi_left a:active {
  width:140px;
  color: red;
  background-image: url(img/menuhell.bmp);
  text-decoration:none;
}

wo ist der Fehler? Ich bitte um Hilfe

1 Datei angehängt

31.01.2008 19:05 Uhr

HangMan

Status: offline

Die Pseudo-Klasse :active gilt nur für die Aktuelle Seite bei klick (wenn ich mich richtig erinner). Man kann aber bei dem class-Attribut jedes Tags mehrere Klassen (getrennt mit Leerzeichen) angeben. Du mußt also auf der neuen Seite dem Tag eine zusätzliche Klasse angeben. Etwa so:

CSS:

 
.navi_left a:active, .active {
  width:140px;
  color: red;
  background-image: url(img/menuhell.bmp);
  text-decoration:none;
}

und anschließend auf der neuen Seite

HTML:

 
...
<[tag] class="navi_left active" [...]>
...

___________________________
Programmieren ist eine Sucht deren Rausch ein Gefühl der Macht ist... sofern man den Computer bezwingt. Gefährliche Nebenwirkungen: Verstärkter Kaffee-Konsum, erhöhter Ehrgeiz und ggf. Wutausbrüche und verknotete Gehirnwindungen.

31.01.2008 19:17 Uhr

BigFaischty

Status: offline

Hi, villeicht hilft dir das hier ja auch weiter, habe ich gerade gefunden. :glad:

Aktive Seite hervorheben mit CSS

___________________________
mfg, BigFaischty
Dabei seit: 19.04.2006 | Posts: +122 (als stadionwurst) | Web: BigFaischty.de.vu | cyDOTs Kontostand

Ähnliche Threads	Forum	Ähnlichkeitsgrad
Kleines Javascript-Problem mit Menü	Website & Webprogrammierung	2
[gelöst] externe css "zerschießt" Design	Website & Webprogrammierung	1
Neues eBook: CSS	eBooks	1
CSS Navi mit ul und li einrücken	Website & Webprogrammierung	1
myPortfolio coden...?!	Website & Webprogrammierung	1
[Suche] CSS Coder - cyDOTs!	Webdesign	1
GPS-Tracker (später auch als Navigationsgerät)	Hardware	1