CSS Image
Bonjour à tous,
Je voudrais que quand la souris passe sur mon image, celle-ci s'élargisse.
Vous pensez que c'est possible ? J'ai essayé avec a:hover, ça ne fonctionne qu'a moitié avec cette solution car j'ai l'image que j'ai mis en a:hover apparait mais en dessous de l'image de base.
J'aimerais avoir un effet, d'élargissement de l'image vers la droite,
PROGRESSIF et non pas instantané. Pour l'instant sa donne ça: http://mismouc.free.fr
Merci d'avance pour votre aide.
Je voudrais que quand la souris passe sur mon image, celle-ci s'élargisse.
Vous pensez que c'est possible ? J'ai essayé avec a:hover, ça ne fonctionne qu'a moitié avec cette solution car j'ai l'image que j'ai mis en a:hover apparait mais en dessous de l'image de base.
J'aimerais avoir un effet, d'élargissement de l'image vers la droite,
PROGRESSIF et non pas instantané. Pour l'instant sa donne ça: http://mismouc.free.fr
Merci d'avance pour votre aide.
Configuration: Windows XP Firefox 2.0.0.12
1 réponse
-
Oubliez le premier message, mon problème est le suivant maintenant :
"Bonjour à tous,
Voici mon problème http://mismouc.free.fr
Comme vous pouvez le voir sur ce lien, le deuxième élément du menu "Features", ce retrouve à la ligne quand je passe ma souris sur le premier "Home". J'aimerai savoir s'il est possible d'avoir tout les éléments alignés sur la même ligne, même en hover ??
Merci de votre aide."-
-
@beate@charset "utf-8";
body {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
}
img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
a:hover {
height: 101px;
width: 300px;
background-image: url(images/home_hover.gif);
display: block;
background-repeat: no-repeat;
}
Sachant que depuis j'ai rajouter :
a{
float:left;
}
et du coup ça fonctionne maintenant.
-
