Connexion | Inscription | FAQ
Anonymous

modifier la taille des images sans hériter du parent

+ Publier une réponse

2 messages Page 1 sur 1


modifier la taille des images sans hériter du parent

par tatitou » Ven Août 16, 2013 7:41 pm

Bonjour,

j'ai un code tout simple. Des images sont situées dans une page à l'intérieur d'une DIV de 250px, hors je souhaite que les images prennent la dimension du body à 100%.
En attribuant un width à 100%, le css interprète que je lui attribue 100% de la taille du DIV, comment faire pour
que l'image n'hérite pas du parent DIV mais de body ?

voici le code :

<DOCTYPE html>
<html>
<head>
<title="problème taille des images"></title>
</head>
<style>

body {
width:100%;
height:100%;
}

#slide {/*parent direct des images*/
width:250px;
height:250px;
}
img {/*enfant de la div slide*/
width:100%;
height:100%;
}

</style>
<body>

<div id="slide">
<img src="1.jpg"/>
<img src="1.jpg"/>
<img src="1.jpg"/>
<img src="1.jpg"/>
<img src="1.jpg"/>
<img src="1.jpg"/>
</div>

</body>
</html>

merci pour votre réponse,
cordialement,
Avatar de l’utilisateur

tatitou

  • Messages: 1
  • Inscrit le: Ven Août 16, 2013 7:29 pm

Re: modifier la taille des images sans hériter du parent

par XainPro » Lun Août 19, 2013 8:07 am

try
#slide img {/*enfant de la div slide*/
width:100%;
height:100%;
display:inherit;
}
Avatar de l’utilisateur

XainPro

  • Messages: 3933
  • Inscrit le: Ven Fév 17, 2012 8:10 pm


+ Publier une réponse

Page 1 sur 1