Ergebnis 1 bis 3 von 3

Thema: Mouse-over-Effekt in externer CSS-Datei

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

    Standard Mouse-over-Effekt in externer CSS-Datei

    Hallo,
    ich möchte gerne einen Mouse-over-Effekt für meine Navigation mit css erzeugen.
    Dumme Frage dazu vorweg: muss ich dafür zwingend das a-Tag verwenden, oder kann ich auch ein anderes z.B. <div> nehmen?

    Aber meine eigentliche Frage: wie setzte ich das Beispiel unten in einer externen Datei um? Wie stricke ich die Syntax in der css-Datei entsprechend um?

    <html><head><title>:link, :visited, :hover, :active</title>
    <style type="text/css">
    a:link { font-weight:bold; color:#0000E0; text-decoration:none }
    a:visited { font-weight:bold; color:#000080; text-decoration:none }
    a:hover { font-weight:bold; color:#E00000; text-decoration:none }
    a:active { font-weight:bold; color:#E00000; text-decoration:underline }
    a:focus { font-weight:bold; color:#00E000; text-decoration:underline }
    </style>
    </head><body bgcolor="FFFFFF" text="#000000">

    <h1>Bekannte Suchdienste</h1>



    Yahoo (Verzeichnis)

    Google (Suchmaschine)

    Web.de (Verzeichnis)

    </p>

    </body></html>

    Vielen lieben Dank im Voraus, Dee
    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
    gelöschter User
    Gast

    Standard

    du schreibst

    Code:
    a&#58;link &#123; font-weight&#58;bold; color&#58;#0000E0; text-decoration&#58;none &#125;
    a&#58;visited &#123; font-weight&#58;bold; color&#58;#000080; text-decoration&#58;none &#125;
    a&#58;hover &#123; font-weight&#58;bold; color&#58;#E00000; text-decoration&#58;none &#125;
    a&#58;active &#123; font-weight&#58;bold; color&#58;#E00000; text-decoration&#58;underline &#125;
    a&#58;focus &#123; font-weight&#58;bold; color&#58;#00E000; text-decoration&#58;underline &#125;
    in eine "style.css" !

    dann gehst du in deine datei wo du die hin haben willst und fügst oben diesen code ein :

    Code:
    <link rel="stylesheet" type="text/css" href="style.css">

    Gruß crazwulf

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    12.01.2005
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Danke für Deinen Tipp!

Ähnliche Themen

  1. Quelltext aus externer Datei auslesbar?
    Von grmbl im Forum HTML & CSS Forum
    Antworten: 17
    Letzter Beitrag: 26.11.2007, 00:46
  2. Kopfzeilenvorlage in externer CSS-Datei
    Von Der Knodd im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 11.06.2007, 12:39
  3. Daten von externer datei beziehen
    Von JsDeluxe im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 14.09.2006, 12:11
  4. Probleme mit CSS in externer Datei
    Von Knüps im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 23.08.2006, 20:36
  5. Probleme beim Mouse-over effekt!
    Von Laila im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 1
    Letzter Beitrag: 29.04.2005, 15:04

Stichworte

Berechtigungen

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