besoin d'aide css - HTML/CSS - Programmation
Marsh Posté le 16-03-2006 à 23:31:23
Bonjour, J'ai un code qui affiche un menu de quatre boutons.Le premier change de couleur lors du passage de la souris dessus.Je voudrais que les trois autres boutons changent également de couleur.Que dois je modifier?
<!-- body { margin: 0; padding: 0; background: white; font: 80% verdana, arial, sans-serif; } dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { position: absolute; /* placement du menu, à modifier selon vos besoins */ top: 100; left: 50; } #menu { width: 15em; } #menu dt { cursor: pointer; margin: 2px 0;; height: 20px; line-height: 20px; text-align: center; font-weight: bold; border: 1px solid gray; background: blue; } #menu dd { border: 1px solid gray; } #menu li { text-align: center; background: #fff; } #menu ul a, #menu dt a { color: #0000; text-decoration: none; display: block; border: 0 none; height: 100%; } #menu li a:hover, #menu dt a:hover { background: #eee; }
Marsh Posté le 16-03-2006 à 23:49:49
lol c'est un juke box que tu veux faire ou une guirlande de noël... Je verrais un truc à tester, mais pas le temps ce soir....Maybe d'autres on déjà testé...
Make sure you enter the(*)required information where indicate.HTML code is not allowed
Marsh Posté le 16-03-2006 à 23:31:23
Bonjour,
J'ai un code qui affiche un menu de quatre boutons.Le premier change de couleur lors du passage de la souris dessus.Je voudrais que les trois autres boutons changent également de couleur.Que dois je modifier?
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 100;
left: 50;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: blue;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu ul a, #menu dt a {
color: #0000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}