[GastForen Archiv Adobe GoLive Textlink mit Rand

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Textlink mit Rand

tyler tyler
Beiträge gesamt: 183

27. Jun 2005, 17:55
Beitrag # 1 von 5
Bewertung:
(910 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,
ich habe Textlinks erstellt, die im "Linkzustand" keinen Rand haben sollen und im "Hoverzustand" einen Rand bekommen sollen. Hat auch alles geklappt, nur wackeln jetzt im IE unter Windows und im Safari unter Mac die ganzen Links.

zu sehen unter http://www.eska-kaufhaus.de/startseite.php

die CSS für den Link sieht so aus:
a.navi:link { color: #fff; font-size: 12px; line-height: 130%; text-decoration: none; padding: 1px; border: 1px #036 }
a.navi:visited { color: #fff; font-size: 12px; line-height: 130%; text-decoration: none; padding: 1px; border: 1px #036 }
a.navi:hover { color: #87cefa; font-size: 12px; line-height: 130%; text-decoration: none; padding: 1px; border: solid 1px #fff }
a.navi:active { color: #fff; font-size: 12px; line-height: 130%; text-decoration: none; padding: 1px; border: 1px #036 }

weiß jemand Rat????
X

Textlink mit Rand

SabineP
Beiträge gesamt: 7586

27. Jun 2005, 18:18
Beitrag # 2 von 5
Beitrag ID: #174632
Bewertung:
(904 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo tyler,

versuchs mal so:

Code
a.navi:link	{ color: #fff; font-size: 12px; line-height: 130%; text-decoration: none; padding: 1px; border: solid 1px #036 }  
a.navi:visited { color: #fff; font-size: 12px; line-height: 130%; text-decoration: none; padding: 1px; border: solid 1px #036 }
a.navi:hover { color: #87cefa; font-size: 12px; line-height: 130%; text-decoration: none; padding: 1px; border: solid 1px #fff }
a.navi:active { color: #fff; font-size: 12px; line-height: 130%; text-decoration: none; padding: 1px; border: solid 1px #036 }


Gruß Sabine


als Antwort auf: [#174628]
(Dieser Beitrag wurde von SabineP am 27. Jun 2005, 18:19 geändert)

Textlink mit Rand

tyler tyler
Beiträge gesamt: 183

28. Jun 2005, 07:55
Beitrag # 3 von 5
Beitrag ID: #174690
Bewertung:
(875 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,
vielen Dank für deinen Tipp, aber ich hatte erhofft, das es ohne diesen dunkelblauen Rand ginge, da ich ja im Hintergrund ja ein Foto habe.... Gibt es da nicht noch eine andere Möglichkeit?


als Antwort auf: [#174628]

Textlink mit Rand

SabineP
Beiträge gesamt: 7586

28. Jun 2005, 10:36
Beitrag # 4 von 5
Beitrag ID: #174738
Bewertung:
(865 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Es gibt noch die Farbe transparent
http://www.w3.org/TR/REC-CSS2/box.html#propdef-border-color

Ich weiß nicht welche Browser das unterstützen.
Ersetze #036 durch transparent.

Und dann schauen wir noch mal.

Gruß Sabine


als Antwort auf: [#174690]

Textlink mit Rand

tyler tyler
Beiträge gesamt: 183

28. Jun 2005, 19:18
Beitrag # 5 von 5
Beitrag ID: #174900
Bewertung:
(848 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Vielen Dank für den Tipp mit "transparent".
War auch hellaufbegeistert, als es unter OSX Safari, Firefox, Mozilla, und InternetExpolorer lief, auch unter Firefox für WindowsXP, aber leider, wie du schon vermutest hast, nicht überall - der Internetexplorer hat leider auf voller Linie versagt und die Linien "weiß" gezeigt...

aber danke für die Mühe...


als Antwort auf: [#174628]
X