Supportnet / Forum / Webseiten/HTML
Links und Bilder ohne blauen Rand
Frage
Hallo,
ich bastle ein wenig mit Frontpage, genauer gesagt ziemlich am Anfang meiner Bastelei.
Jetzt habe ich Links hinterlegt, Buttons und Bilder.
Wenn die angeklickt wurden hinterbleiben unschöne lila Ränder.
Simple Frage: Wie kann ich verhindern das ein angeklickter Link/Bild/Button ohne diesen Rand auskommt?
Danke an die User hier ;-))
Antwort 1 von rfb
das ist ein wenig schwierig ohne Kenntnis des Codes, der das verursacht.
evtl. hilft folgendes im CSS-Teil der Seite
aber letztlich ist das jetzt nur wildes Raten.
evtl. hilft folgendes im CSS-Teil der Seite
<style type="text/css">
a, img, button {border:0 none}
</style>
aber letztlich ist das jetzt nur wildes Raten.
Antwort 2 von Django_besselt
Hy, und Danke schon mal.
Leider habe ich keine Ahnung von CSS.
Ich denke das ich den gleichen Effekt habe wie bei einem Browser es normal ist (?).
Jeder besuchte Link wird doch andersfarbig angezeigt, also erst blau und dann lila.
Irgendwie habe ich das noch nicht weggekriegt.....
Oder muss ich was beachten?
Ich gehe unter Frontpage auf die Imageeigenschaften (z.B. der Button mit LINKS oder ein Bild das ich in klein dargestellt habe zum vergrößern) und sage das ich einen Link darauf legen will.
Wenn dann darauf geklickt wurde erscheint eben ein Rand. Teilweise fast nicht zu sehen, teilweise sehr nervig.
Nochmal Danke ;-)
Leider habe ich keine Ahnung von CSS.
Ich denke das ich den gleichen Effekt habe wie bei einem Browser es normal ist (?).
Jeder besuchte Link wird doch andersfarbig angezeigt, also erst blau und dann lila.
Irgendwie habe ich das noch nicht weggekriegt.....
Oder muss ich was beachten?
Ich gehe unter Frontpage auf die Imageeigenschaften (z.B. der Button mit LINKS oder ein Bild das ich in klein dargestellt habe zum vergrößern) und sage das ich einen Link darauf legen will.
Wenn dann darauf geklickt wurde erscheint eben ein Rand. Teilweise fast nicht zu sehen, teilweise sehr nervig.
Nochmal Danke ;-)
Antwort 3 von rfb
tja, und ich habe kaum eine Ahnung von dem Code, den FP dir produziert hat ...
Es gibt irgendwo in FP sowas wie "Quellcode bearbeiten" oder "Quellcodeansicht".
Dann siehst du das Chaos, das FP gewöhnlich als HTML produziert.
Kurz vor der Zeile
fügst du folgende neuen Zeilen ein:
Es kann natürlich sein, dass FP irgendwo Anweisungen einstreut, die das aufheben. Ohne Kenntnis deines Quälcodes kann ich dazu nix sagen.
Es gibt irgendwo in FP sowas wie "Quellcode bearbeiten" oder "Quellcodeansicht".
Dann siehst du das Chaos, das FP gewöhnlich als HTML produziert.
Kurz vor der Zeile
</head>fügst du folgende neuen Zeilen ein:
<style type="text/css">
<!--
a, a:link, a:visited, a:hover, a:active {border:0 none}
a img {border:0 none}
-->
</style>
Es kann natürlich sein, dass FP irgendwo Anweisungen einstreut, die das aufheben. Ohne Kenntnis deines Quälcodes kann ich dazu nix sagen.
Antwort 4 von Django_besselt
Dank an dich.
Ich werde es bald mal ausprobieren und dann hoffe ich das es mir weiterhilft ;-)
Noch eine schöne Woche
Django
Ich werde es bald mal ausprobieren und dann hoffe ich das es mir weiterhilft ;-)
Noch eine schöne Woche
Django
Antwort 5 von Hergy
Hi,
such mal im code nach sowas wie:
und füge dort
Gruß hergy
such mal im code nach sowas wie:
<img src="bildername.gif".... und füge dort
border="0" ein z.B.so:<img src="bildername.gif" border="0" .... > Gruß hergy
Antwort 6 von rfb
@Hergy:
a img {border:0 none}
erfüllt den gleichen Zweck, braucht aber nur einmal im CSS angegeben zu werden, statt umständlich bei jedem Bild extra border="0" anzugeben - weniger Arbeit, kürzerer Quellcode, es kann kein img-tag versehentlich vergessen werden...
a img {border:0 none}
erfüllt den gleichen Zweck, braucht aber nur einmal im CSS angegeben zu werden, statt umständlich bei jedem Bild extra border="0" anzugeben - weniger Arbeit, kürzerer Quellcode, es kann kein img-tag versehentlich vergessen werden...
Antwort 7 von salzi
@rbf
wer sagt denn, das die bilder immer ohne Rand sein sollen?
wer sagt denn, das die bilder immer ohne Rand sein sollen?
Antwort 8 von rfb
@salzi:
daher:
a img {...}
= Bilder innerhalb von Links
(und nach denen war die Frage)
daher:
a img {...}
= Bilder innerhalb von Links
(und nach denen war die Frage)

