Ergebnis 1 bis 8 von 8

Thema: Wie weise ich in der Navigation jeder Überschrift eine andere "hover" Farbe zu?

  1. #1
    Azubi(ne)
    Registriert seit
    11.02.2009
    Beiträge
    71
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Wie weise ich in der Navigation jeder Überschrift eine andere "hover" Farbe zu?

    Hallo,

    ich möchte in der Navigationsspalte jedem Unterpunkt eine andere Farbe zuweisen wenn ich mit dem Mousezeiger drüberfahre.

    Bisher habe ich es geschafft das alle in der Farbe Gold aufleuchten.

    Ich möchte aber gerne jedes Wort eine andere Farbe zuweisen.

    Z.B.

    Home --) Gold

    Religion --) Rot

    Philosophy --) Blau

    Sport --) Gelb

    usw, usw...

    Leider finde ich im Internet keine Anleitung.

    Könnt ihr mir helfen?

    Hier ist mein bisheriger Quelltext:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <HEAD>
    <Title></title>
    <style type="text/css">
    <!--
    A:link { text-decoration: none; color: red;}
    A:visited { text-decoration: none; color: silver;}
    A:active { text-decoration: none; color: gold;}
    A:hover { text-decoration: none; color: gold;}
    -->

    body
    {
    background: "white"
    }



    h1
    {
    font-size: 7.2 pt;
    font-family: Arial ;
    color: red;
    margin-top: 2em;
    font-weight:800
    }
    h1
    {
    font-size: 7.2 pt;
    font-family: Arial ;
    color: red;
    margin-top: 2em;
    font-weight:800
    }
    p { letter-spacing: 0.04em; }

    </style>
    </HEAD>
    <body>
    <br>
    <br>
    <br>


    <p style="line-height:1.8em; font-size:0.6em; font-family: Arial; margin-left:0%; margin-right:0%">

    <font color="silver">

    <a href="Kopie von unter men.html" target="12"><b>Home</b></a>
    <br><br><br>
    <a href="Kopie von unter men.html" target="12"><b>Uhren</b></a>
    <br>
    <a href="Kopie von unter men.html" target="12">&nbsp;&nbsp;<b> Men </b></a>
    <br>


    <a href="Kopie von unter men.html" target="12">&nbsp;&nbsp;<b>Philosophie </b></a><br><br><br>
    <a href="Kopie von unter men.html" target="12"><b>Religion</b></a>
    <br>
    <a href="Kopie von unter men.html" target="12"><b>Biologie</b></a>
    <br>
    <a href="Kopie von unter men.html" target="12"><b>Wirtschaft</b></a>
    <br>
    <a href="Kopie von unter men.html" target="12"><b>Personal</b></a>
    <br>


    </font>
    </body>
    </html>
    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: Wie weise ich in der Navigation jeder Überschrift eine andere "hover" Farbe zu?

    du gibst dem link einfach ne class, schon kannst darüber dann alles steuern.

    im css
    Code:
    .menu1:active { color:#00f; font-weight:bold; }
    .menu1:hover { color:#f00; font-weight:bold; }
    im html

    Code:
    <a class="menu1" href="Kopie_von_unter_men.html" target="12">Personal</a>
    btw.
    - verwende in dateinamen keine leerzeichen, lieber _
    - dein <b></b> hab ich entfernt, nimm lieber im css font-weight:bold;
    -
    den anderen menüpunkten gibst dann z.b. menu2, menu3 und menu4
    - für jede class kannst active, visited, hover und link definieren
    - dir fehlt im css bei body ein ;
    >> 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
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Wie weise ich in der Navigation jeder Überschrift eine andere "hover" Farbe zu?

    schmeiss das font-tag weg und beschäftige dich mehr mit css...
    du brauchst nur dem objekt ne id oder ne class zuweisen..
    beispiel für die class religion:
    Code:
    .religion{
    color:#FF0000;
    }
    im entsprechenden link und der überschrift und allem was du sonst noch rot haben willst schreibste: class="religion" ins tag.

    bei ner id is das nur für ein einzelnes objekt gedacht (bzw alle objekte mit der gleichen id (obwohl man IDs nur 1 mal in nem template vergeben sollte)
    beispiel für die id religionslink:
    Code:
    #religionslink{
    color:#FF0000;
    }
    Code:
    <a href="religion.html" id="religionslink">religion</a>
    natürlich kannste da auch mit pseudoklassen rumprobieren, ich denke www.css4you.de ist da eine lehrreiche seite.

    und nimm abstand von deinen frames, arbeite stattdessen mit DIV und INCLUDES (evtl hin und wieder mal nen iframe, wobei der auch keine vorteile birgt)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Youngster
    Registriert seit
    16.09.2006
    Beiträge
    12
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wie weise ich in der Navigation jeder Überschrift eine andere "hover" Farbe zu?

    Den Links verschiedene Klassen zuweisen und entsprechend im CSS formatieren: Farbe musst du natürlich für die entsprechenden Farben anpassen.

    HTML-Code:
    <a href="Kopie von unter men.html" target="12" class="farbe">
    Im CSS gibt es dann:

    HTML-Code:
    .farbe a:link { text-decoration: none; color: red;}
    .farbe a:visited { text-decoration: none; color: silver;}
    .farbe a:active { text-decoration: none; color: gold;}
    .farbe a:hover { text-decoration: none; color: gold;}

  5. #5
    Azubi(ne)
    Themenstarter

    Registriert seit
    11.02.2009
    Beiträge
    71
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wie weise ich in der Navigation jeder Überschrift eine andere "hover" Farbe zu?

    Super Leute!

    Es klappt prima!

    Vielen Dank!!!!



  6. #6
    HTML Newbie
    Registriert seit
    03.07.2009
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Ähnliches Problem

    Hallo Liebe Forumsmitglieder,

    ich habe so ein ähnliches Problem und vielleicht kann mir jemand weiterhelfen.

    Ich habe verschiedene Klassen in meiner CSS und würde gerne im Navibereich die Links weiß und im Haupftfenster die Links schwarz haben. Momentan sind alle weiß

    HTML-Code:
    .text {
        font-family: Arial, Helvetica, sans-serif; color: #000000;
        font-size: 12;
        font-weight: normal;
    }
        a:link { color: #000000; text-decoration:none }
        a:hover { color: #000000; text-decoration:none }
        a:active { color: #000000; text-decoration:none }
        a:visited { color: #000000; text-decoration:none }
    
    .navi {
        font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
        font-size: 12;
        font-weight: normal
    }
        a:link { color: #FFFFFF; text-decoration:none }
        a:hover { color: #FFFFFF; text-decoration:none }
        a:active { color: #FFFFFF; text-decoration:none }
        a:visited { color: #FFFFFF; text-decoration:none }
    Vielleicht findet ihr ja den Fehler auf den ersten Blick, wäre euch dankbar.

    Schöne Grüße
    Aleks

  7. #7
    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: Wie weise ich in der Navigation jeder Überschrift eine andere "hover" Farbe zu?

    is ja auch klar....

    der bereich .text fängt bei { an und hört bei } auf
    der bereich .navi fängt weiter unten bei { an und hört bei } auf

    die links werden also im prinzip doppelt definiert. und deshalb überschreiben
    die unteren die oberen in den definitionen.

    wenn dann musst schon .navi a:hover {....} machen
    >> 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..."

  8. #8
    HTML Newbie
    Registriert seit
    03.07.2009
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Lächeln AW: Wie weise ich in der Navigation jeder Überschrift eine andere "hover" Farbe zu?

    Vielen vielen Dank Driver,

    hab´s gleich ausprobiert und es funktioniert.

Ähnliche Themen

  1. Bei class="active" kein Hover-Effekt: wie?
    Von Mütze im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 26.08.2008, 09:37
  2. Hover-Effekt bei "active"-Schaltfläche deaktiviere
    Von Mütze im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 31.03.2008, 12:49
  3. Bei "mouseover"soll andere Fläche in Tabelle aktiv
    Von raffaelo im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 26.03.2006, 22:10
  4. "css" Verschiedene :hover über das class="&am
    Von vandyce im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 18.04.2004, 15:57
  5. Farbe der Schrift soll sich bei "Mouse Over" verän
    Von Agent.Hamster im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 10.04.2004, 19:38

Stichworte

Berechtigungen

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