[RESOLU] Décalage entre mon menu et ca soit disante place !!

Question

Acorna

25 Sep 2007 à 13:40

Bonjour,

Excusez moi si je poste mal ce message mais là je trouve plus la solution !!!
Voilà le problème : J'ai un menu avec un fond bien precis qui devrait être plus à gauche qu'il ne l'est actuellement.
Il devrait recouvrir une partie de mon DIV générale qui lui aussi à un autre fond.
Suis je clair je pense pas bref voilà mon css :


#generale {
	background-image: url(../../new_site/fr/img/habillage/img_fond_04.jpg);
	background-repeat: repeat-y;
	width: 950px;
	border: 1px solid #069334;
	position: absolute;
	margin-top: 30px;
	margin-left: -475px;
	left: 50%;
	float: left;
}
#bas_page {
	background-color: #069334;
	background-repeat: no-repeat;
	float: left;
	height: 20px;
	width: 950px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
}
ul {
	list-style-image: none;
	list-style-type: none;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
	text-indent: 30px;
	margin: 10px;
}
.para_centre {
	margin-right: 40px;
	margin-left: 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}

#bandeau_haut {
	background-image: url(../../new_site/fr/img/habillage/bandeau_chat.gif);
	background-repeat: no-repeat;
	height: 200px;
	width: 950px;
}
#barre_titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #069334;
	text-align: right;
	height: 20px;
	width: 940px;
	padding-top: 3px;
	padding-right: 10px;
	background-position: center;
}
#menu {
	width: 200px;
	font-weight: bold;
	left: 5px;
	position: static;
	float: left;
}
#contenu {
	float: left;
	width: 720px;
	margin: 10px;
}
.img_droite {
	float: right;
	margin-left: 20px;
}
.img_gauche {
	float: left;
	margin-right: 5px;
}
.img_center {
	text-align: center;
}
ul#menu
		{
	height: 46px;
	padding: 0;
	background: 5px;
	list-style-type: none;
	vertical-align: middle;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10;
}
				
		ul#menu li
		{	width: 145px;
		line-height: 50px;
		float: left;
		text-align: center;
		text-indent: 20px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #000000;		}
		
		ul#menu li a
		{	width: 155px;
			font-size: 14px;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #000000;
			display: block ;
			text-decoration: none ;	}
		
		ul#menu li a:hover
		{	background: 0 url(images/userbar.gif) repeat-x 0 0;		}
		
		
li_galerie_photo {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660000;
	text-align: left;
	text-indent: 10px;
	margin: 0px;
}
.li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #660000;
	background-repeat:  url(../../new_site/fr/img/habillage/bouton_gif);
	text-align: left;
	text-indent: 10px;
	height: 16px;
	width: 200px;
	padding-top: 4px;
	margin: 0px;
	background-image: url(../../new_site/fr/img/habillage/bouton_site.jpg);
}

Et là mon modele :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Accueil</title>
<!-- TemplateEndEditable -->
<link href="file:///C|/Documents%20and%20Settings/Audrey_J&#233;r&#233;my/Mes%20documents/SITE/audrey_stage_deam/css_audrey.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script type="text/javascript" src="script_galerie.js"></script>
<style type="text/css">
<!--
.Style1 {font-size: 14}
-->
</style>
</head>

<body>
<div id="generale">
  <div id="bandeau_haut">&nbsp;</div>
  <div id="barre_titre"> 
  <!-- DEBUT DU SCRIPT --><DIV ID=ejs_box2_box STYLE="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:12;border-style:solid;border-width:1;border-color:#79A2A2;width:200;height:100;padding:5"></DIV>
 <SCRIPT LANGUAGE=JavaScript>
 /*
 SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
  http://www.editeurjavascript.com
 
 */
 ejs_box2_message = new Array;
 ejs_box2_message[0] = 'Vincennes 2007 : Cyrus finit 2 fois Excellent 1 et Czar est nominé pour un Best !!!';

 ejs_box2_actual = 0;
 ejs_box2_html_flag = 0;
 
 function ejs_box2_go()
     {
     if(document.getElementById)
         {
         ejs_box2_char = 1;
         ejs_box2_affich(ejs_box2_actual)
         ejs_box2_actual++;
         if(ejs_box2_actual >= ejs_box2_message.length)
             ejs_box2_actual = 0;
         }        
     }
 
 function ejs_box2_affich(lactual)
     {
     var pix = ejs_box2_message[lactual].charAt(ejs_box2_char);
     if(pix == "<")
         ejs_box2_html_flag = 1;
     if(pix == ">")
         ejs_box2_html_flag = 0;
     var texte = ejs_box2_message[lactual].substring(0,ejs_box2_char);
     document.getElementById("ejs_box2_box").innerHTML = texte;
     if(ejs_box2_char < ejs_box2_message[lactual].length)
         {
         ejs_box2_char++;
         if(ejs_box2_html_flag == 1)    
             ejs_box2_affich(lactual);
         else
             setTimeout("ejs_box2_affich("+lactual+")",50)
         }
     else
         setTimeout("ejs_box2_go()",3000)
     }
 
 window.onload = ejs_box2_go;
 </SCRIPT>
 <!-- FIN DU SCRIPT --> </div>
   <div id="menu">
    <ul>
      <li class="li"><a href="../fr/index.htm">Accueil</a></li>
	  <li class="li"><a href="../fr/historique.htm">Historique de la race </a></li>
      <li class="li"><a href="../fr/presentation.htm">Caract&egrave;re de l'Angora Turc</a> </li>
      <li class="li"><a href="../fr/standard.htm">Standard de la race </a></li>
      <li class="li"><a href="../fr/nos_chats.htm">Nos Chats </a></li>
      <li class="li"><a href="../fr/expo.htm">Exposition</a></li>
      <li class="li"><a href="../fr/trucs_astuces_conseils.htm">Conseils, trucs et astuces </a></li>
      <li class="li"><a href="../fr/liens.htm">Liens</a></li>
	  <li class="li"><a href="../fr/lo.htm">Livre d'Or</a></li>
    </ul>
    
  
  </div>
  <div id="contenu"><!-- TemplateBeginEditable name="contenu" -->C'est ici qu'il faut remplir !!!*<!-- TemplateEndEditable -->  </div>
  <div id="bas_page">
    <div align="left" class="Style1"> N'h&eacute;siter pas a m'&eacute;crire :<a href="mailto:angoraturc.enfolie@neuf.fr">angoraturc.enfolie@neuf.fr </a></div>
  </div>
</div><script
language="JavaScript"
src="menu1.js"></script>

</body>
</html>

Merci de vos réponses .....
Modifié par Acorna (26 Sep 2007 - 17:02)

Hermann

25 Sep 2007 à 14:02

Bonjour et bienvenue,
pour que l'on puisse t'aider sur ce genre de problème il faudrait au moins
fournir une image explicative ou mieux la page en ligne. Smiley cligne

Modifié par Hermann (25 Sep 2007 - 14:03)

Acorna

25 Sep 2007 à 20:40

Voilà un imrpime écran de mon pb, c'est une petite image !!!
Alors si vous voulez une plus grande n'hésitez pas !!!

[img=http://img511.imageshack.us/img511/2487/pmenuqa0.th.gif]

Dîtes moi que c'est simple please ???? Smiley bawling

Acorna

26 Sep 2007 à 17:02

C'est bon j'ai testé et trouvé ma solution !
Désolée et vous avoir déranger !!!
A bientôt.

Sujet clos

Questions générales et questions de débutants

[RESOLU] Décalage entre mon menu et ca soit disante place !!