zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hover Effekt soll auch andere Class ändern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.08.2006, 17:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.08.2006
Beiträge: 3
mtdsbwy befindet sich auf einem aufstrebenden Ast
Standard Hover Effekt soll auch andere Class ändern

Joa, mein Problem betrifft meine Navigationsleiste. Is alles sehr schlicht gehalten, einfache Wortlinks, die beim Mouseover die Schriftfarbe (in weiss) ändern. So, ist ein Bereich angewählt wird der entsprechende Link farblich geändert (in weiss). Geht man nun auf einen anderen Bereich nimmt dieser durch Hover die Farbe weiss an, aber, es soll nun die Farbe des aktullen Bereiches (die class heisst aktuell) sich in die normale Linkfarbe der Navigation ändern...

Es soll also beim Hover sich auch eine andere Class ändern...Ist dies irgendwie zu erreichen?

Hab hier und bei Google Tage gesucht, aber hab auch keinen Plan wie ich die Suche ausdrücken soll*g*

Dank im vorraus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 28.08.2006, 18:21
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

Ich hätte da eine Idee, würde aber gerne erst dein HTML sehen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 28.08.2006, 18:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.08.2006
Beiträge: 3
mtdsbwy befindet sich auf einem aufstrebenden Ast
Standard

Also, is alles schlicht gehalten, hier der Quelltextausschnitt:
Code:
<div id="navi"><!--Beginn Navicontainer-->
<a href="news.html" class="aktuell">News</a> | <a href="lineup.html" class="navi">Line Up</a> | <a href="dates.html" class="navi">Termine</a> | <a href="e_loc.html" class="navi">Eintritt &amp; Location</a> | <a href="impr.html" class="navi">Impressionen</a> | <a href="kontakt.html" class="navi">Kontakt</a>
</div><!--Ende Navicontainer-->
Und hier der passende CSS-Ausschnitt:
Code:
/* Navicontainer */
div#navi
{
  float:left;
  width:429px;
  margin:0%;
  height:18px;
  background-image: url("navi.png");
  color:#FF0000;
  font-size:9px;
  font-weight:bold;
  font-family:tahoma;
  line-height:18px;
}
a.navi:link, a.navi:visited, a.navi:active, a.navi:hover, a.aktuell
{
 color:#BEB9A9;
 font-size:9px;
 text-decoration:none;
 font-family:tahoma;
 font-weight:bold;
 margin-right:3px;
 margin-left:3px;
 line-height:18px;
}
/* Hovereffekt Links */
a.navi:active, a.navi:hover
{
 color:#FFFFFF;
}
/* aktueller Link */
a.aktuell
{
 color:#FFFFFF;
}/* Ende Links im Navicontainer */
Mit Zitat antworten
  #4 (permalink)  
Alt 28.08.2006, 19:31
regelmäßiger Gast
neuer user
 
Registriert seit: 19.05.2006
Ort: München
Beiträge: 37
lona befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

Du kannst das, was Du willst, zumindest mit JavaScript erreichen, in dem Du dem aktuellen Link eine id (z. B. id="beispiel") zuweist, und diesem Element dann per Javascript bei onMouseOver
Code:
document.getElementById("beispiel").style.color = "#BEB9A9";
eines anderen Navipunktes eine andere Farbe gibst.

Wüßte jetzt leider nicht, dass sowas auch ohne JS möglich ist..

Gruß Lona
Mit Zitat antworten
  #5 (permalink)  
Alt 28.08.2006, 20:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 28.08.2006
Beiträge: 3
mtdsbwy befindet sich auf einem aufstrebenden Ast
Standard

Danke, das wär ne Idee!

Ich setz mich mal ran, nach der Bandprobe*g*
An sich is JS nich so wild, wenn es nen Besucher aus hat, dann fehlt der kleine Effekt halt...nich so wild...
Mit Zitat antworten
  #6 (permalink)  
Alt 29.08.2006, 20:15
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

Falsch. Ich meide JS wie der Teufel das Weihwasser.

Erstens solltest du aus der Navi eine Liste machen. Dann brauchst du nur noch die Farbe des gewünschten Links (oder des Listenpunktes) ändern, wenn die Liste gehovert wird:

ul:hover li.current{}

Siehe hier: http://css.maxdesign.com.au/index.htm
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 20:51
Problem mit CSS Menü SMundt CSS 9 07.01.2009 20:12
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 13:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 18:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 15:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:13 Uhr.