Mon menu reste fixe

Résolu/Fermé
Dj_Toctoc Messages postés 2 Date d'inscription dimanche 3 mai 2009 Statut Membre Dernière intervention 3 mai 2009 - 3 mai 2009 à 14:13
Dj_Toctoc Messages postés 2 Date d'inscription dimanche 3 mai 2009 Statut Membre Dernière intervention 3 mai 2009 - 3 mai 2009 à 14:47
Bonjour, je suis en train de crée mon site, j'ai placer mon fond ,mes blocs mais j'ai un probléme au niveau de mes boutons, ils ne suivent pas le contenu et reste fixe.

Code HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.drd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <link href="accueil.css" rel="stylesheet" type="text/css" media="screen" />
<title>Accueil</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('images/bouton-accueil-noir.png','images/bouton-creation-noir.png','images/bouton-contact-noir.png','images/bouton-liens-noir.png')">
<div id="bandeau"></div>
<div id="bloc_accueil">
<a href="accueil.html" onmouseover="MM_swapImage('Accueil','','images/bouton-accueil-noir.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/bouton-accueil-noir.png" alt="Accueil" width="162" height="48" border="0" id="Accueil" class="bouton_Acceuil"/></a><a href="diaporama/index.html" onmouseover="MM_swapImage('Créations','','images/bouton-creation-noir.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/bouton-creation-noir.png" alt="Créations" width="184" height="49" border="0" id="Créations" /></a><a href="Contact/Contact+formulaire/contact.html" onmouseover="MM_swapImage('Contact','','images/bouton-contact-noir.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/bouton-contact-noir.png" alt="Contact" width="167" height="49" border="0" id="Contact" /></a><a href="accueil.html"><img src="images/boutonn_C.V.png" alt="C.V" width="120" height="49" border="0" id="C.V" /></a><a href="#" onmouseover="MM_swapImage('Liens','','images/bouton-liens-noir.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/bouton-liens-noir.png" alt="Liens" width="123" height="48" border="0" id="Liens" /></a>
</div>
</body>
</html>


Code Css
body{
background:url(images/background.png) no-repeat top center #1a1818;
margin:0;
padding:0;
font-family:"Times New Roman", Times, serif;
font-size:16px;
}
#bandeau{
background:url(images/bandeau.png) no-repeat top center;
height:100px;
margin:50px 100px 60px 100px;
}
#bloc_accueil{
background:url(images/bloc-accueil.png) no-repeat top center;
height:540px;
font-family:"Cataneo BT", Times New Roman, Times, serif;
font-size:30px;
color:#FFFFFF;
margin: 0 130px 0 130px;
}
.bouton_Acceuil{
}
A voir également:

1 réponse

Dj_Toctoc Messages postés 2 Date d'inscription dimanche 3 mai 2009 Statut Membre Dernière intervention 3 mai 2009
3 mai 2009 à 14:47
probléme resolue au bout d'une semaine ^^
Pour ceux qui avait le meme probléme petite solution : metter
#conteneur{
widht: ....
margin:....
{
dans el css et au debut de votre html apres le blody metter <div id="conteneur"> votre code
et n'oublier pas de fermer votre div </div>
0