probleme bordure et image

**badr** · 10/09/2007, 23h13

salut tout le monde,
une amie a moi develipe son propre site mais sur une page il y a une petit prob qui l'a gene sous IE, sous Firefox les images sont entoures par un petit cadre invisible en marron un couleur pres du marron, mais sous IE ils sont entoure par des cadres en bleu

voici le lien de la page en question lien

et voici le code source de la page

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style>
A {
	text-decoration:none; 
	color: #9d5b66; 
	cursor:main;
}
A:hover {
	text-decoration: none; 
	color: #ffffec; 
	cursor:main;
}
BODY {
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #f5f3f6;
	cursor:main;
	link: #6DC5C9;
	vLink: #6DC5C9;
	aLink: #f5f1e6;
 
}
.txttableau {
	font-size: 11px;}
.Style1 {color: #FFFFFF}
</style>
</head>
 
<body>
<p class="Style1">l Ma Besada2 l</p>
<div><a href="http://site.voila.fr/hanaa-dream/clip/mabesada1.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/mabesadamini1.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/mabesada2.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/mabesadamini2.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/mabesada3.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/mabesadamini3.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/mabesada4.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/mabesadamini4.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/mabesada5.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/mabesadamini5.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo2.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo2mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo3.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo3mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo5.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo5mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo6.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo6mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo7.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo7mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo8.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo8mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo9.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo9mini.jpg" /></a>  <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo10.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo10mini.jpg" /></a>  <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo11.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo11mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/Photos/clip/photo12.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/Photos/clip/photo12mini.jpg" /></a>  <a href="http://site.voila.fr/hanaa-dream/clip/clip1.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip1mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip2.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip2mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip3.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip3mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip4.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip4mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip5.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip5mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip6.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip6mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip7.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip7mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip8.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip8mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip9.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip9mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip10.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip10mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip11.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip11mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip12.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip12mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip13.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip13mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip14.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip14mini.jpg" /></a> <a href="http://site.voila.fr/hanaa-dream/clip/clip15.jpg" target="_blank"><img src="http://site.voila.fr/hanaa-dream/clip/clip15mini.jpg" /></a></div><div align="center"><img src="fleche.png" width="8" height="7"> <a href="http://hanaadream.site.voila.fr/photosclips.html">retour</a></div>
 
<script language='javascript'>document.write('<img src="http://monsite.voila.fr/servlets/istat?site=hanaa-dream&page=/mabesada.html&outil=ftpweb&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>'); </script>
<script language='javascript'>document.write('<img src="http://e.voila.fr/cgi-bin/ft/10000033638?&page=hanaa-dream_mabesada.html&n=' + Math.round(Math.random()*100000) + '" width=1 height=1>');</script>
</body>
</html>

**Damouille** · 11/09/2007, 08h49

C'est dans le html qu'il faut changer. Par default toutes les images qui sont des liens ont un border. Les couleurs changent si le lien a été visité ou non.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img border="0" src="mon-image.jpg" />

Le border="0" retire le cadre

Si tu souhaites conserver un cadre, il vaut mieux le mettre dans le css via la propriété border. Du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
img {
border: 2px solid #000;
}

Dans tous les cas, ils faut ajouter le border="0", dans le code html de la balise img.

Ps: Tu pourrais changer le titre de ton post pour quelque chose de plus explicite ex: probleme bordure et image

**badr** · 11/09/2007, 20h06

Merci "Damouille"

probleme bordure et image

CSS

Vue hybride

Discussions similaires

Partager

Partager