Resize image CSS Résolu

Question

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");

}

@karamel · Accepted Answer

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%;
}

@karamel · Answer

height:100%

begueradj · Answer

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)

@karamel · Answer

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

begueradj · Answer

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 ?

begueradj · Answer

ça marche !!!!

merci beaucoup , mon ami

c'est gentil de ta part

Resize image CSS

6 réponses

Votre réponse

Discussions similaires