CSS Bild als Hyperlink

Timdaroxxa · 9. Dezember 2009

Wie schaffe ich es, ein Bild mit HTML/CSS zu verlinken, ohne dass NACH DEM DARAUFKLICKEN ein dünner blauer Rand zu sehen ist?

Ich habe bis jetzt <a href><img/></a> ausprobiert mit border="0"!
Funktioniert auch bestens, nur der blaue Rand nach dem Klick stört.

Ty euch allen für die Antworten ;D

QXARE · 9. Dezember 2009

Wenn du die gestrichelte Linie meinst - einerseits mit CSS, was jedoch nicht in allen Browsern funktioniert:

HTML:

a { outline: none; }

Mit JS:

Code:

var unblur = function()
{
	this.blur();	
};

var fixOutlineProperty = function()
{
	var links = document.getElementsByTagName("a");
	
	for(var i = 0; i < links.length; i++)
	{
		links.item(i).onfocus = unblur;	
	}
};

Timdaroxxa · 9. Dezember 2009

bin noch relativ neu im Webdesign

könntest du mir dern Gesamten code (einfach ins HTML Sheet eingebbar) geben, sodass ich meine Werte nur noch Einfügen muss

Hier stand Mist denn ich bin zu ungeduldig !

Ergänzung (9. Dezember 2009)

outline funktioniert bei mir nicht wirklich... der gestrichelte Rand ist immernoch da

QXARE · 9. Dezember 2009

Code:

<script type="text/javascript">
var unblur = function()
{
	this.blur();	
};

var fixOutlineProperty = function()
{
	var links = document.getElementsByTagName("a");
	
	for(var i = 0; i < links.length; i++)
	{
		links.item(i).onfocus = unblur;	
	}
};
window.onload = fixOutlineProperty;
</script>

Timdaroxxa · 9. Dezember 2009

"a"

hat das irgendwas mit dem .a im Css zu tun?

danke schomal bis jetzt ;D

QXARE · 9. Dezember 2009

Ja, mit getElementsByTagName selektierst du wie der Funktionsname schon sagt alle Tags anhand seines Tagnamen - in diesem Fall ist das der <a>-Tag.

Im CSS sprichst du einen Link mit a { color: blue; } an. Würdest du einen . voranstellen würde dass bedeuten dass es sich um eine Klasse handelt.

HTML:

<a href="#">Alle Links sind blau</a>
<a class="red" href="#">außer dieser</a>

CSS:

HTML:

a { color: blue; } 
a.red { color: red; } /* oder */
.red { color: red; }

claW. · 9. Dezember 2009

Timdaroxxa schrieb:
Wie schaffe ich es, ein Bild mit HTML/CSS zu verlinken, ohne dass NACH DEM DARAUFKLICKEN ein dünner blauer Rand zu sehen ist?

Code:

img { border: 0; }

funktioniert imo überall.

Timdaroxxa · 10. Dezember 2009

wie binde ich das img ein?

ich kenne nur #img und .img

PEASANT KING · 10. Dezember 2009

Kannst auch im css für den Link Tag a also

Code:

a
{
text-decoration: none; 
}

benutzen

claW. · 10. Dezember 2009

so wie ich es hingeschrieben hab. #img trifft nur auf <xyz id="img"> zu, .img trifft nur auf <xyz class="img"> zu und img trifft auf jegliches bild (<img ...>) zu. wenn du trotzdem einen rahmen ums bild haben willst, kannst du ja immernoch einen per klasse hinzufügen.

Timdaroxxa · 10. Dezember 2009

ok danke kapiert ;D

vielen dank seit echt nett ;D

Suche

CSS Bild als Hyperlink

Timdaroxxa

Lieutenant

QXARE

Lt. Commander

Timdaroxxa

Lieutenant

QXARE

Lt. Commander

Timdaroxxa

Lieutenant

QXARE

Lt. Commander

claW.

Gast

Timdaroxxa

Lieutenant

PEASANT KING

Commander

claW.

Gast

Timdaroxxa

Lieutenant

Ähnliche Themen