Resize image CSS [Résolu]

Signaler
Messages postés
273
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
-
Messages postés
273
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
-
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");

}
A voir également:

6 réponses

Messages postés
1764
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
27 juin 2020
79
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%;
} 
Messages postés
1764
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
27 juin 2020
79
height:100%
Messages postés
273
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
4
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)
Messages postés
1764
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
27 juin 2020
79
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


Messages postés
273
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
4
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 ?
Messages postés
273
Date d'inscription
dimanche 4 octobre 2009
Statut
Membre
Dernière intervention
25 août 2014
4
ça marche !!!!

merci beaucoup , mon ami

c'est gentil de ta part