Bonjour,
Ben voila, dans un block j'ai une image et un autre block contenant du texte.
J'ai définie les pading a 10 pour que le texte et l'image ne colle pas au block qui les contients.
Je me rend compte maintenant que les images sont tassé, réduites si elle dépasse une certaine taille. Preuve en est avec l'exemple à l'adresse suivante : http://sunshine.33.free.fr/test/sources/menu/SF.htm
La premiere image n'est pas déformée, par contre la deuxieme oui, elle est tassée !!!! J'ai éssayé de mettre un texte plus grand pour voir si c'etait lié, mais non ca ne change rien.
Quelqu'un pourrait m'expliquer le pourquoi de ce redimenssionement svp ?
CSS :
HTML :
Ben voila, dans un block j'ai une image et un autre block contenant du texte.
J'ai définie les pading a 10 pour que le texte et l'image ne colle pas au block qui les contients.
Je me rend compte maintenant que les images sont tassé, réduites si elle dépasse une certaine taille. Preuve en est avec l'exemple à l'adresse suivante : http://sunshine.33.free.fr/test/sources/menu/SF.htm
La premiere image n'est pas déformée, par contre la deuxieme oui, elle est tassée !!!! J'ai éssayé de mettre un texte plus grand pour voir si c'etait lié, mais non ca ne change rien.
Quelqu'un pourrait m'expliquer le pourquoi de ce redimenssionement svp ?
CSS :
p {
margin: 0;
padding: 0;
}
.titre {
margin: 0;
padding: 0;
font-size: 14px;
font-weight : bold ;
}
.conteneur {
font-family:
Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; text-align:justify;
width:800px;
}
.bloc {
float: left;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border: 2px dashed #FF9933;
}
.bloc:hover{
background-color:#33CCFF;
}
.vignette {
float: left;
}
.texte {
/*margin-top: 10px;
margin-bottom: 10px;*/
margin-left: 200px;
color:#000000;
}
HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Gallerie : Science-Fiction</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]>
<script src="../CSS/IE7/ie7-standard-p.js" type="text/javascript">
</script>
<![endif]-->
<link href="../CSS/gallerie.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="conteneur">
<!--Début d'un élément de la gallerie-->
<div class="bloc">
<img class="vignette" src="../../images/galerie/yoda/Yoda_petit.jpg" width="150" height="121" />
<div class="texte">
<p class="titre" >Yoda "Un grand guerrier ? Personne par la guerre ne devient grand !"<br><br></p>
<p>Juin 2005 <br>
Gamme: Andrea <br>
Echelle: 30 mm (Yoda en mesure 20)<br><br></p>
<p>Cette petite figurine sculptée par Joaquin Palacios, de chez Andrea, n'est disponible qu'en Espagne dans des kiosques
à journaux. Cette figurine est pourtant une petite merveille, que je m'empressais de mettre en scène dès son acquisition. </p>
</div>
</div>
<!--Fin d'un élément de la gallerie-->
<br><br>
<!--Début d'un élément de la gallerie-->
<div class="bloc">
<img class="vignette" src="../../images/galerie/ad_majorem/ad_majorem_petit.jpg" width="150" height="121" />
<div class="texte">
<p class="titre" >Yoda "Un grand guerrier ? Personne par la guerre ne devient grand !"<br><br></p>
<p>Juin 2005 <br>
Gamme: Andrea <br>
Echelle: 30 mm (Yoda en mesure 20)<br><br></p>
<p>Cette petite figurine sculptée par Joaquin Palacios, de chez Andrea, n'est disponible qu'en Espagne dans des kiosques
à journaux. Cette figurine est pourtant une petite merveille, que je m'empressais de mettre en scène dès son acquisition.Cette petite figurine sculptée par Joaquin Palacios, de chez Andrea, n'est disponible qu'en Espagne dans des kiosques à journaux. Cette figurine est pourtant une petite merveille, que je m'empressais de mettre en scène dès son acquisition. </p>
</div>
</div>
<!--Fin d'un élément de la gallerie-->
</div>
</body>
</html>
