28172 sujets

CSS et mise en forme, CSS3

]bonjour

je me prends pas mal la tête et j'ai besoin de l'avis de pros ^^

j'ai un tableau de 2 colonnes 50% chacune et largeur max définie
dans une des 2 colonnes je veux afficher une image la plus grande possible sans la déformer.
j'ai essayer de créer un div dans la cellule de l'image de largeur 50% et donner à l'image 100 du nouveau div mais du coup elle s’étire

je ne sais pas comment m'en sortir...

je posterai bien le code mais il est assez long...

MERCI !
Modifié par unholy (07 Oct 2014 - 18:41)
Bonjour

unholy a écrit :
]je posterai bien le code mais il est assez long...

Un <table> avec une <div> et une <img>, ça ne devrait pas être bien long normalement ! Smiley rolleyes
Bonjour,

En spécifiant max-width=nnnpx pour la div qui contient l'image, nnn étant la largeur de l'image ? le résultat est bon chez moi avec largeur de l'image = 100%.
bonjour et merci pour vos réponse

j'ai contourné mon proble grace à php

list($width, $height, $type, $attr) = getimagesize($filename); 
if ($width > $height){
	CSS lageur
       display: inline-block;
	width: 100%;
	height: auto;
} else {
        CSS hauteur
	display: inline-block;
	height:100%;
	width: auto;	
	max-height:410px;
}


problème resolu MERCI