HTML & CSS & cadres

Version imprimable

15/10/2010, 23h13
brhysg1

HTML & CSS & cadres

Bonsoir, bonjour selon l'heure à laquelle vous lirez se post c'est me semble t-il la première fois que je laisse un message ici cela concerne comme vous l'aurez compris l'HTML et les CSS je suis en train de revoir le design d'un site Page d'accueil dont je m'occupe hors il se trouve que j'ai un petit soucis que je vais vous exposer. alors que je refais ma page d'accueil à chaque balise ou j'ai indiqué en css
ex:

Code:

#fond { background-image:url(img/kit/coinhautgauche.gif); }

j'ai mon image ( coinhautgauche ) qui se trouve encadré alors que si je le fais en html je n'ai pas ce cadre, j'ai déjà essayé

Code:

img { border:none; }

et

Code:

img { border:0; }

de même que

Code:

border="0"

directement dans mon html je n'ai plus d'idée à l'heure actuelle, auriez-vous une éventuelle solution à ce problème ?
D'avance merci
16/10/2010, 14h03
polymorphisme

Bonjour,

pourrais tu nous transmettre les extraits de ton code,
parce que là, ce n'est pas très clair. Merci. :P

Bonjour,
bien sur voilà

Le CSS :

Code:

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
body       { scrollbar-face-color: #000000;
		     scrollbar-darkshadow-color: #F3D898; 
		     scrollbar-track-color: #000000; 
		     scrollbar-arrow-color: #F3D898; 
		     scrollbar-highlight-color: #F3D898; 
		     scrollbar-3dlight-color: #F3D898; }
 
A:link {color: #E8CA84;text-decoration:none;}
 
A:visited {color: #E8CA84;text-decoration:none;}
 
A:hover {color: #FFFBF2;text-decoration:none;}
 
#fond { background-image:url(img/kit/fond000.gif);
		   }
#milieu { background-image:url(img/kit/milieu.gif); }
#coingauche { background-image:url(img/kit/coinhautgauche.gif); }
#coindroit { background-image:url(img/kit/coinhautdroit.gif); }
#milieuhaut { background-image:url(img/kit/milieuhaut.gif); }
#milieugauche { background-image:url(img/kit/bordmilieugauche.gif); }
#milieudroit { background-image:url(img/kit/bordmilieudroit.gif); }
#coingauchebas { background-image:url(img/kit/coinbasgauche.gif); }
#milieubas { background-image:url(img/kit/milieubas.gif); }
#coindroitbas { background-image:url(img/kit/coinbasdroit.gif); }
#copyright { background-image:url(img/kit/copyright.gif); }
#nomdusite { background-image:url(img/kit/titredevotresite.gif); 
             width:600;
			 height:110;}
#ligne1 { background-image:url(img/kit/grandeligne00b.gif); }
#ligne2 { background-image:url(img/kit/grandeligne00a.gif); }		
 
#imggauche { background-image:url(img/kit/image_gauche.jpg); }
#imgdroite { background-image:url(img/kit/image_droite.jpg); }
 
#spacer { background-image:url(img/kit/spacer.gif); }
 
img { border-width:0px }

Le HTML ( pour une image )

Code:

1
2
3
4
5
<tr>
            <td width="42"><img id="coingauche" width="30" height="30" border="0"></td>
            <td width="100%" id="milieuhaut"><img height="7" id="spacer" width="606" border="0"></td>
            <td width="30"><img id="coindroit" width="30" height="30" border="0"></td>
          </tr>

et une capture d'écran pour visualiser le souci :

http://sd-1.archive-host.com/membres...incelantes.jpg

et le lien du site la page d'accueil : ACCUEIL

Cordialement

16/10/2010, 23h35
brhysg1

Je tiens à préciser afin d'aider celles et ceux d'entre vous qui se pencheront sur mon problème que je l'ai résolu grâce aux balises <div> et à la suppression de mes balises <img> qui faisaient double emploi ( d'où la présence de mon cadre autour des images ) donc pour les images .jpeg c'est résolu cependant et oui cela aurait été trop simple pour les images .gif le problème reste entier !
:cry: :?
16/10/2010, 23h52
brhysg1

ah y est j'ai compris d'où venait mon problème :

1°) J'aurais dû penser aux balises div plutôt que de faire <img id="">

2°) Je n'avais pas mis les widths et les heights dans mon css apparemment cela à corriger mon erreur

En espèrant que cela puisse aider d'autres personne

Merci à vous

Résolu !