28173 sujets

CSS et mise en forme, CSS3

Bonjour,
j'ai besoin d'aide car je ne suis pas un spécialiste du codage et je dois modifier un CSS pour une boutique que je créé.
Voici le code aujourd'hui:
#menu {position:relative; top:0px; left:0px; width: 500px;z-index:0;}
#menu a.p1, #menu a.p1:visited {display:block; width:25px; height:25px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#fff; color:#000;}
#menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu a.p1:hover .large {display:block; z-index:0;position:absolute; top:140px; left:400px; width:400px; height:330px; border:1px solid #000000; background-color:#ffffff}

En fait cela me permet d'agrandir une image au passage de la souris mais cette ligne (Voir code en gras):
#menu a.p1:hover .large {display:block; z-index:0;position:absolute; top:140px; left:400px; [b]width:400px; height:330px;[/b] border:1px solid #000000; background-color:#ffffff}

m'oblige à avoir toujours la même taille d'image et j'aimerais simplement que l'image fasse 100% en hauteur et largeur.
Merci pour vos conseils et bonnes fêtes .
Modifié par stagos (24 Dec 2007 - 19:04)
Yo,
j'ai trouvé il suffit de remplacer la dernière ligne :
width:400px; height:350px;


par

width:auto; height:auto;

je ne le savais pas !
merci quand même.