Probleme décalage div

Question

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

Ranger · Answer

Up voici ma page pour mieux comprendre : http://all-craft.mtxserv.fr/Portail/Portail.php

Probleme décalage div

1 réponse

Votre réponse

Discussions similaires

Newsletters