Forenindex » Archiv » Adobe GoLive » Textlink mit Rand

Textlink mit Rand

tyler tyler
Beiträge gesamt: 183

27. Jun 2005, 17:55
Bewertung:

gelesen: 913

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????

Textlink mit Rand

SabineP
Beiträge gesamt: 7586

27. Jun 2005, 18:18
Bewertung:

gelesen: 907

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

(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
Bewertung:

gelesen: 878

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?

Textlink mit Rand

SabineP
Beiträge gesamt: 7586

28. Jun 2005, 10:36
Bewertung:

gelesen: 868

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

Textlink mit Rand

tyler tyler
Beiträge gesamt: 183

28. Jun 2005, 19:18
Bewertung:

gelesen: 851

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...