Resize image CSS [Résolu]

Messages postés
291
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
- - Dernière réponse : begueradj
Messages postés
291
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
- 7 mars 2011 à 15:24
Azul,

J'aimerais, en CSS, redimentionner mon image à ce qu'elle puisse prendre la même taille que le "id" où elle se trouve: une idée, SVP ?

Voici mon code:

#logo{
float:left;
border:solid 1px;
width:100px;
height:inherit;
background-image: url("../Images/logo.gif");

}
Afficher la suite 

6 réponses

Meilleure réponse
Messages postés
1712
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
9 septembre 2019
44
3
Merci
oui mais c'est pas possible sauf en css3 mais pas compatible avec ie8

la solution reste






et pour le css

#logo img{
width:100%;
height:100%;
} 

Dire « Merci » 3

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources 134 internautes nous ont dit merci ce mois-ci

Commenter la réponse de @karamel
Messages postés
1712
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
9 septembre 2019
44
0
Merci
height:100%
Commenter la réponse de @karamel
Messages postés
291
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
1
0
Merci
merci, mais avec la solution que tu viens de me proposer, la taille du #logo va être ajustée à la taille du div dans lequel il se trouve :(

or, j'aimerais que ce soit l'image elle-même qui va épouser la taille du #logo (il en va de même pour sa largeur)
Commenter la réponse de begueradj
Messages postés
1712
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
9 septembre 2019
44
0
Merci
si il s'agit de l'image en background c'est possible avec l'attribut background-size mais cette atribut n'st disponible qu'a partir du css3 donc pour les anciens navigateurs comme ie8 sa ne sera pas compatible

-webkit-background-size: 100% 100%; 
  -o-background-size: 100% 100%; 
  -moz-background-size: 100% 100%; 


le mieux serait de cree une image dans le div


Commenter la réponse de @karamel
Messages postés
291
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
1
0
Merci
Merci encore une fois,

Pour ces lignes, je viens tout juste de les découvrir:
-webkit-background-size: 100% 100%; 
  -o-background-size: 100% 100%; 
  -moz-background-size: 100% 100%;


Pour ton idée :



Ce n'est pas ce que je souhaite, car dans ce cas je n'ai qu'à compléter ton code comme suit:




or j'aimerais que l'image soit appelée comme ça:

#logo{
background-image:url("images/logo.gif");
width:100px;
height:100px;
}
> puis-je ajouter un code entre ces accolades afin d'adjuster le "logo.gif" aux dimensions de mon #logo ?
Commenter la réponse de begueradj
Messages postés
291
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
1
0
Merci
ça marche !!!!

merci beaucoup , mon ami

c'est gentil de ta part
Commenter la réponse de begueradj