Ergebnis 1 bis 5 von 5

Thema: li Elemente erhalten bei hover keine neue Farbe

  1. #1
    HTML Newbie
    Registriert seit
    27.11.2008
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard li Elemente erhalten bei hover keine neue Farbe

    Hallo,

    anhand des unten stehenden Codes möchte ich Listenelemente auflisten und als Navigationselemente verwenden. Da diese unterschiedlich lang sind, soll man den Link auch anwählen können, wenn man in den Raum vor dem Element klickt.

    HTML-Code:
    <div class="moduletable_navBox">
        <h3>Ueberschrift</h3>			
        <ul class="menu_one" id="_mi-studieren">
            <li id="current" class="active item2">
                <a href="../seite.html">
                    <span>Wert 1</span>
                </a>
            </li>
            <li class="item3">
                <a href="../seite.html">
                    <span>Wert 2</span>
                </a>
            </li>
            <li class="item4">
                <a href="../seite.html">
                    <span>Wert 3</span>
                </a>
            </li>
        </ul>	
    </div>
    und hier ist der css Code:

    HTML-Code:
    .moduletable_navBox ul{
    	margin: -6px -5px 0px 5px;
    	padding-left:0;
    	list-style-image:none;
    }
    
    .moduletable_navBox li{
    	list-style-type:none;
    	width:135px;
    	padding-right:5px;
    }
    
    .moduletable_navBox li:hover{
    	font-weight:bolder;
    	color:#E87A0C;
    	background-color:#FFFFFF;
    }
    
    .moduletable_navBox a{
    	text-decoration:none;
    	color:#000000;
    }
    
    .moduletable_navBox a:hover{
    	font-weight:bolder;
    	color:#E87A0C;
    	background-color:#FFFFFF;
    }
    An sich funktioniert fast alles. Die Farbe des Link Elements färbt sich nur leider nicht orange, sondern bleibt schwarz, solang sich der Mauszeiger vor den Element befindet. Wenn ich auf den Link bin, wird der Link in der korrekten Farbe angezeigt.

    Wo befindet sich der Fehler im Code?
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: li Elemente erhalten bei hover keine neue Farbe

    probiers mal mit

    Code:
    .moduletable_navBox li a { color:#f00; }
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    27.11.2008
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: li Elemente erhalten bei hover keine neue Farbe

    Hallo driver,

    erstmal vielen Dank für deine schnelle Antwort. Leider ist das nicht die Lösung meines Problems. Mit deiner Codezeile werden alle Elemente eingefärbt. Es soll aber nur das eine Element eingefärbt werden, auf das meine Maus aktuell zeigt.

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: li Elemente erhalten bei hover keine neue Farbe

    Wenn du den Hover-Effekt über die gesamte 135px li-Breite haben willst, dann musst du noch a zum Blockelement deklarieren und ihm ebenfalls eine Breite zuweisen.
    Ergänze mal um das rot-markierte:

    .moduletable_navBox a{
    text-decoration:none;
    color:#000000;
    width:135px;
    display: block;

    }

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    27.11.2008
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: li Elemente erhalten bei hover keine neue Farbe

    Vielen Dank. Es funktioniert wie gewünscht.

Ähnliche Themen

  1. Hab mal gar keine ahnung...Farbe ändern
    Von LinkinParkFan im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 18.07.2008, 19:06
  2. hover effect bleibt erhalten
    Von Stein im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 28.11.2007, 23:05
  3. Ich kann keine neue Einstellungen machen
    Von Birgitt im Forum Forum-Hilfe.de intern
    Antworten: 9
    Letzter Beitrag: 04.09.2006, 19:29
  4. Keine neue Zeile bei <iframe> - Befehlen
    Von Adlerr2000 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 17.04.2006, 00:43

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •