Bonjour,
Je ne suis pas très doué en HTML et un problème ce pose devant moi
J'ai un menu avec 4 div qui quand on passe ca souris sur un bouton il s'abaisse, le problème est que quand l'un des boutont s'abaisse toute ma page s'abaisse aussi, voici mon code :
CSS:
.boutonmenu {
background-image: url(Bouton%20menu.png);
background-attachment: scroll;
background-repeat: no-repeat;
white-space: normal;
height: 200px;
width: 310px;
position: relative;
text-align: center;
margin-top: -130px;
background-position: center center;
float: left;
line-height:300px;
}
.boutonmenu:hover{
background-image: url(Bouton%20menu.png);
background-attachment: scroll;
background-repeat: no-repeat;
white-space: normal;
height: 200px;
width: 310px;
position: relative;
float: left;
text-align: center;
margin-top: -50px;
line-height:300px;
}
.menu { display: table; margin: 0 auto; }
.menu li { margin: 0; padding: 0; float: left; }
.menu ul { list-style: none; margin: 0; padding: 0; }
.menu li a { display: block; padding: 5px 10px; margin: 0 1px; background: #CCC; color: #FFF; text-decoration: none; }
a.textmenu {
text-decoration: none;
color: #FFF;
}
.Banniere {
background-image: url(Baniere.png);
background-attachment: scroll;
background-repeat: no-repeat;
white-space: normal;
height: 300px;
width: 1240px;
position: relative;
background-position: center center;
float: left;
}
body {
font-family: Helvetica, Arial, sans-serif;
font-size: 22pt;
font-style: normal;
font-weight: bold;
color: #FFF;
background-image: url(Fond.png);
background-repeat: no-repeat;
background-position: center top;
text-decoration: none;
}
HTML:
<body>
<div class="menu">
<div class="center">
<ul>
<a href="http://forum.new-generation-multigaming.fr/index.php" class="textmenu"><div class="boutonmenu" >Forum</div></a>
<a href="http://new-generation-multigaming.fr/connexion.php" class="textmenu"><div class="boutonmenu">Connection</div>
</a>
<a href="http://new-generation-multigaming.fr/image/inscription.png" class="textmenu"><div class="boutonmenu">Inscription</div>
</a>
<a href="ts3server://ngm.servegame.com" class="textmenu"><div class="boutonmenu">Teamspeak</div>
</a>
</ul>
</div>
</div>
<div class="menu">
<div class="center">
<ul>
<div class="Banniere"></div>
</ul>
</div>
</div>
</body>
Merci d'avance pour votre aide :P
Afficher la suite
26 juin 2012 à 17:08