Mon menu reste fixe

Résolu
Dj_Toctoc Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
Dj_Toctoc Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
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{
}

1 réponse

Dj_Toctoc Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
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