Bonjour tout le monde,
voilà je suis en train de coder un site internet et je me suis apperçu que des bordures sont apparues autour de mes images.
Elle ne sont pas visible car elle n'ont pas de couleurs mais elle sont bien présentes.
J'ai précisé dans la feuille CSS Border=0px mais rien n'y fait.
Pour vous aider voici le bout de code de la page:
Code :
- <div id="body">
- <div id="left">
- <img alt="bla" src="images/logo.gif" />
- <img alt="bla" src="images/plan.gif" />
- <img alt="bla" src="images/conseil.gif" />
- <img alt="bla" src="images/commissions.gif" />
- <img alt="bla" src="images/comptes.gif" />
- <img alt="bla" src="images/demarches.gif" />
- <img alt="bla" src="images/location.gif" />
- <img alt="bla" src="images/photo.gif" />
- </div>
- <div id="right">
- <img alt="bla" src="images/header.gif" />
- <img alt="bla" src="images/vie.gif" />
- <img alt="bla" src="images/commune.gif" />
- <img alt="bla" src="images/services.gif" />
- <img alt="bla" src="images/associations.gif" />
- <img alt="bla" src="images/vie_eco.gif" />
- <div id="corps">
- </div>
- <img alt="bla" src="images/infos.gif" />
- </div>
- </div>
|
Et voilà ma feuille de style.
Code :
- #body
- {
- width:760px;
- margin-left:auto;
- margin-right:auto;
- }
- img
- {
- border:0px;
- }
- #left img
- {
- border:0px;
- margin:0px;
- padding:0px;
- }
- #left
- {
- float:left;
- width:159px;
- height:475px;
- background: url("../images/logo.gif" ) no-repeat;
- }
- #right
- {
- border: 0px solid yellow;
- float:right;
- width:601px;
- }
- #corps
- {
- padding-left:10px;
- background: url("../images/corps.gif" ) no-repeat;
- width:601px;
- height:305px;
- overflow:auto;
- }
|
Merco d'avance de votre aide.