[CSS] Bordure plus large que l'image...

Eléphant du PHP | 50 Messages

08 nov. 2008, 21:18

Bonsoir,

J'ai un petit problème avec ma bordure... Je suis débutant.

J'ai fait une sorte d'album photo en php avec un tuto et glob() notament.
Et quand je clique sur une photo pour l'afficher, j'ai voulu lui mettre une bordure tout au tour.

J'ai donc mon lien qui appelle le css:
<div class="image"><img src="'.$lien_image.'" alt="'.$nomimage.'" title="'.$nomimage.'" /></div>

Et la partie du css concernée:

Code : Tout sélectionner

.image { margin-left: auto; margin-right: auto; margin-bottom: 20px; border-style: dashed; border-width:thin; max-height:640px; max-width:640px; min-width: 360px; min-height: 480px; }
Mes images ne font que 640*480 en paysage et 360*480 pour les portraits.

En fait le problème n'est présent que pour les images "portrait" et ce problème est que ma bordure ne se met pas à la taille de l'image en largeur, a vue d'oeil j'ai l'impression qu'elle est en 640px :S

Je ne vois pas pourquoi..
Comme vous le voyez j'ai essayer de mettre une min-width mais ca ne fonctionne pas..

Merci si vous souhaitez m'aider!
Comme je l'ai dit je débute donc c'est peut-être très bête et dû a la fatigue mais là je ne vois pas.. :S

Merci!
Cdlt
Jerem

ViPHP
ViPHP | 3607 Messages

08 nov. 2008, 21:23

Et pourquoi ne pas mettre tes bordures directement sur ta balise img?

Code : Tout sélectionner

<img class="cadres" ... />

Code : Tout sélectionner

img.cadres { border: 10 px solid black; }
et voilà terminé ;)

Eléphant du PHP | 50 Messages

08 nov. 2008, 22:34

Eh bien oui c'est réglé :)
Je n'y avait pas pensé, a part pour les <a> </a> je n'utilise pratiquement jamais cette méthode :s Je devrais y penser plus... :roll:

Merci beaucoup de ton aide, je cherchais complètement ailleurs alors je ne sais pas en qu'elle année j'aurais trouvé :wink:

Merci !
Je met [resolu]

Cdlt.
Jerem