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

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [CSS] Bordure plus large que l'image...

par sgrunt » 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

par jojolapine » 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é ;)

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

par sgrunt » 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