1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

CSS hover-effekt

  • BendOr
  • 20. September 2006 um 12:49
  • BendOr
    Kaiser(in)
    Beiträge
    2.496
    • 20. September 2006 um 12:49
    • #1

    hi,
    ich möchte gerne meine links schön formatieren und habe keine lust, ein extra bild zu erstellen um mein vorhaben zu realisieren ;)

    also ich möchte einen Link haben der erst Schwarz ist und wenn man über diesen rüberfährt, oben und unten ein Balken erscheint, dieser aber rot ist !

    also das habe ich bereits, nur ich finde einfach keinen befehl, der meien striche rot färbt, den text aber nicht...

    danke hsconmal für eure hilfe !

    Code
    a.navi:link {
    	color: #000000;
    	text-decoration: none;
    }
    a.navi:hover {
    	color: #000000;
    	text-decoration: underline overline;
    }

    Sei immer du selbst. Außer du kannst Batman sein. Sei immer Batman!

  • Ronald
    Forum Guru
    Beiträge
    5.439
    • 20. September 2006 um 12:59
    • #2

    Moin!

    Code
    a.navi:link {
       color: #000000;
       text-decoration: none;
    }
    a.navi:hover {
       color: #000000;
       text-decoration: underline overline;
       border-top:1px solid #FF0000;
       border-bottom:1px solid #FF0000;
    }

    G.a.d.M.

    Ronald

    annunci per coppie

  • BendOr
    Kaiser(in)
    Beiträge
    2.496
    • 20. September 2006 um 13:48
    • #3

    achso, mit border, hätt ich auch selbst drauf kommen können, aber vielen dank. hab gedacht fapr gibts nen extra befehl =)
    dank & mfg

    Sei immer du selbst. Außer du kannst Batman sein. Sei immer Batman!

Tags

  • hilfe
  • link
  • tex
  • color
  • links
  • text
  • code
  • bild
  • navi
  • bot
  • bottom
  • formatieren
  • border
  • css
  • px
  • avi
  • hover
  • underline
  • balken
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern