Geckozone

Bonjour,
Voila mon probleme,
J ai une page avec un menu a droite sous une image!
ce menu bouge en fonction des pages...
Voici mon css

Code : Tout sélectionner

body {  margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; background-color: #000000}
.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #40637A}
.text2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4d4c4a}
.title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 17px; color: #40637A; font-weight: bold}
.logo {  font-family: Weltron Urban; font-size: 45px; font-weight: bold; color: #40637A}
.bottom {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #CFD8DE}
.photo { font-family: Weltron Urban; font-size:20px; color: #57768A}
a:link {  color: #57768A; text-decoration: none}
a:visited {  color: #57768A; text-decoration: none}
a:hover {  color: #333333; text-decoration: none}
a.designby:link {  color: #CFD8DE; text-decoration: none}
a.designby:visited {  color: #CFD8DE; text-decoration: none}
a.designby:hover {  color: #FFFFFF; text-decoration: none}
a.menu:link {font-family: Weltron Urban; font-size:27px;  color: #57768A; text-decoration: none}
a.menu:visited {font-family: Weltron Urban; font-size:27px;   color: #57768A; text-decoration: none}
a.menu:hover {font-family: Weltron Urban; font-size:27px;   color: #e7e3d7; text-decoration: none}

BODY {
scrollbar-face-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-3dlight-color: 000000;
scrollbar-darkshadow-color: 000000;
scrollbar-shadow-color: gray;
scrollbar-arrow-color: cdc8c0;
scrollbar-track-color: 000000;
}
#global {
position:absolute;
left: 50%; top: 50%;
width: 1000px;
height: 740px;
margin-top: -370px; /* moitié de la hauteur */
margin-left: -500px; /* moitié de la largeur */
border: 0px solid #000;
}

Voici ma page index php (php car j ai un include!)

Code : Tout sélectionner

<!-- debut menu-->
      <td align="center" bgcolor="#000000" valign="top" width="150">
      <table style="top: 900px; width: 180px; height: 223px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="3">

        <tbody>
       
          <?php include("menu.htm");?>

  </tbody>
</table>
</td>
<!-- fin du menu-->

Ce code est copié coller dans chaque page, et pourtant il bouge!

Quelqu un peut il m aider!
merci à tous

Bonjour
A la page http://nico.buton.free.fr/galerie.html , c'est le tableau contenant les photos qui met... le désordre. Une photo à gauche, une photo à droite et on dépasse la largeur standard du corps du document.

La position verticale du menu est liée à la hauteur de la cellule de gauche, celle qui contient le texte principal. Si cette cellule devient plus haute -car plus de texte- le menu reste centré. Il se déplace donc.

Sans tous ces tableaux, les choses seraient plus simples à maîtriser.

oui,
mais est ce que la position du menu est fixable dans ces conditions ou pas?

sinon je ne vois pas comment faire ma mise en page!

c est deja mieux qu avant car j avais des frames!!

zikadonfeur a écrit :oui,
mais est ce que la position du menu est fixable dans ces conditions ou pas?

Oui, sans doute. Mais c'est trop compliqué pour moi.

sinon je ne vois pas comment faire ma mise en page!

Comme ceci?

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Le titre</title>
  <style type="text/css">
body {
text-align: center;
background-color: black;
font-weight: bold;
}
#conteneur {
border: 1px solid #ff0000;
width: 1000px;
text-align: left;
margin-left: auto;
margin-right: auto;
color: #40637a;
}
#entete {
border: 1px solid green;
background-color: black;
height: 100px;
}
#enteteGauche {
border: 1px solid #ffcc33;
float: left;
margin-right: 2em;
width: 33%;
}
#enteteDroite {
border: 1px solid #66cccc;
float: right;
margin-left: 2em;
width: 33%;
}
#corps {
padding: 20px;
background-color: black;
}
#menu {
border: 1px solid yellow;
float: right;
width: 250px;
}
#pied {
border: 1px solid #cc33cc;
color: red;
}
  </style>
</head>
<body>
<div id="conteneur">
<div id="entete">
<div id="enteteGauche">A gauche, A
gauche, A gauche, A gauche, A
gauche, A gauche </div>
<div id="enteteDroite">A droite, A
droite, A droite, A
droite, A droite, <br>
</div>
<div style="text-align: center;">Au centre du centre Au
centre du centre Au centre du centre </div>
</div>
<div id="corps">
<div id="menu">Menu<br>
Menu<br>
Menu<br>
<br>
</div>
<h1>Le texte .....</h1>
<br>
</div>
<div id="pied">Le pied</div>
</div>
</body>
</html>

Mais éviter les tableaux qui rendent la mise en page obscure...
Bonne chance.

Merci,
respect!!

je me met au travail!

Re,
voila, c est fait! avec une petite mise à jour au niveau des header et footer en include!
merci à tous!
c est ok, a visiter hihi

voir le site

reste à resoudre les mot cle pour la recherche (metatags je crois et hop!)

Geckozone

Menu en a la meme position en haut a droite![RESOLU]

Menu en a la meme position en haut a droite![RESOLU]