Netter rollover-Effekt für Links mit CSS

Wednesday, 9. November 2005

Wird demnächst mehr Tipps dieser Art hier im Blog geben, hab wohl gerade eine kreative Phase.
Wahrscheinlich wird dieser Effekt deswegen so selten verwendet, da keiner auf den padding-Trick kommt; sonst würde nämlich der Text beim drüberfahren mit der Maus verschoben.

Code:

a {

  text-decoration:none;

  padding-left:3px;

  padding-right:3px;

}

a:hover {

  border:1px solid black;

  padding-left:2px;

  padding-right:2px;

}

Kommentare sind gerne willkommen!

Geschrieben von conracer um 21:57 | Kommentare (2) | Trackbacks (0)

Trackbacks

Trackback-URL für diesen Eintrag

Keine Trackbacks

Kommentare

Ansicht der Kommentare: (Linear | Verschachtelt)

Juhu, endlich mal ein neuer Blogeintrag - nachdem selbst Schmitty jetzt schon irgendwie aufgehört hat ist das sehr erfreulich.

Noch besser wäre das ganze allerdings mit online Beispiel?

#1 Franz am 10.11.2005 09:29 (Antwort)

Bin halt nur für hochwertige Inhalte...

#1.1 Jakob am 29.11.2005 16:04 (Antwort)

Kommentar schreiben

Name
E-Mail
Homepage
Antwort zu
Kommentar	Umschließende Sterne heben ein Wort hervor (wort), per _wort_ kann ein Wort unterstrichen werden. Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert. Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss, um dieses Verfahren anzuwenden. Hier die Zeichenfolge der Spamschutz-Grafik eintragen:
	Daten merken? Bei Aktualisierung dieser Kommentare benachrichtigen