IE Image Link

[apellsientje925]

Hoi,

Als ik in IE een image link toevoeg, komt er een lelijk randje omheen.
Enig idee wat ik eraan kan doen?
Bij voorbaat dank,

 

[vreugde]

Zet de border op 0 door het volgende erin te zetten:

<img style="border:0;" src="blabla.jpg" />

Probeer niet de border attribuut van de IMG-tag te gebruiken aangezien die verouderd is,
zie bron

groete vreugde

 

[Naarling]

Zet de border op 0 door het volgende erin te zetten:

<img style="border:0;" src="blabla.jpg" />

Probeer niet de border attribuut van de IMG-tag te gebruiken aangezien die verouderd is,
zie bron

groete vreugde

Het is beter om daarvoor een apart css bestand te gebruiken, dan hoef je het namelijk maar één keer te zeggen in plaats van bij ieder plaatje. Je kunt een css bestand aan je html bestand koppelen met de volgende code.

<link rel="stylesheet" href="locatievanhetcssbestand.css" type="text/css">

In dat bestand zet je dan.

img{
border:none;
}

En klaar, alle plaatjes op de site zullen zonder rand getoond worden.
(uiteraard kun je dat bestand ook gebruiken om de rest van de elementen op je site vorm te geven)

 

[DJ14]

Wat nog beter is is een reset van je CSS styles. Zoals de reset van Eric Meyer (linkje), zet onderstaande code bovenaan je CSS document:

/* v1.0 | 20080212 */
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ps er bestaan ook minder uitgebreide resets

 

[apellsientje925]

Ik snap niet wat je bedoelt met die reset, maar de code van Naarling werkt! Bedankt!