Border:none qui ne fonctionne pas

Bonjour à tous,

voici mon HTML

<div class="up_photo_maxi">
	<img src="images/photo/4/Collines.jpg">
</div>

et mon css

.up_photo_maxi img{ 
  margin: 0 auto; 
  clear:both;
  padding:20px;
  border:none;
}

mais je vois toujours apparaître une bordure qui encadre mon image...

Bonjour.
Question bête mais... Ce n'est pas le bloc-parent de l'image qui a une bordure ? Sinon c'est certainement un problème d'héritage : un élément parent impose que les images aient une bordure, et cette règle est prioritaire sur celle que tu nous donnes en exemple.
Modifié par phpdoesnotcare (06 May 2010 - 09:57)

Bonjour,

ben oui le bloc parent à une bordure, mais je ne veux pas retirer le bordure du bloc parent....

Alors comment faire ?

Bonjour,

HS: La balise "img" doit avoir un attribut "alt" pour être valide W3C.

Sinon pour ton problème, après avoir testé de mon coté l'image n'a pas de bordure. Question bête mais tu es bien sûr que ton image "Collines.jpg" n'a pas de bordure ?

samb01 a écrit :
ben oui le bloc parent à une bordure, mais je ne veux pas retirer le bordure du bloc parent....

Je pensais en fait à un bloc-parent, et non le bloc-parent.
Tu pourras par exemple avoir quelque chose du style (bon dans ce cas je crois que ça marcherait correctement mais tu auras compris l'idée j'imagine) :

body img { border: 1px solid #900; }
#monbloc img { border: none; }

... et ce serait la propriété définie pour body img qui serait prioritaire.
Du coup, ça me fait penser que tu peux t'en assurer assez simplement. Essaie d'ajouter !important après ton border: none.
Modifié par phpdoesnotcare (07 May 2010 - 16:47)

Ben j'ai un peu de mal à comprendre,

j'ai mis important!, j'ai toujours ma bordure...

J'ai retiré la bordure du parent, ça ne fontionne toujours pas

Voici mon HTML un peu plus complet

<div class="carre06  padding5">

	<div class="rectxx marginb10">

		Photos du logement

	</div>


<div class="up_photo_mini_all">

<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>
<div class="up_photo_mini">
	<img src="images/photo/2/mini/3733.jpg">
</div>

</div>



<div class="up_photo_maxi">
	<img src="images/photo/4/1gd.jpeg">
</div>

</div>

là je ne sais plus quoi faire, et c'est sûr et certains que mes photos n'ont pas de bordures...

J'ai trouvé,

voilà ce que j'ai fait dans mon css

.up_photo_maxi
{
border:none;
}



/* permet de centrer un image */

.up_photo_maxi img{ 
  margin: 0 auto; 
  clear:both;
  padding:20px;
  border:none;
}

je n'ai plus la bordure . Par contre j'ai fait ça au pif , je ne comprends pas pourquoi ça fonctionne .

Hello,

samb01 a écrit :

ben oui le bloc parent à une bordure, mais je ne veux pas retirer le bordure du bloc parent....

Ben, pourtant c'est ce que tu viens de faire avec ta règle précédente. A priori ton image n'a jamais eu de bordure, et c'est le div.up_photo_maxi qui en avait une depuis le début au vu de ce que tu nous dis.