[Résolu] Probleme de mise en page

Probleme de mise en page [Résolu] - HTML/CSS - Programmation

Marsh Posté le 28-12-2005 à 09:51:27    

Bonjour,
 
sur mon site, j'ai une entête, un menu et une partie ou est affiché le contenu.
Lorsque je clique sur mes liens dans le menu, la partie de droite charge la page mais elle est décalé vers le bas, je voudrais pouvoir la caler en haut.
 
J'utilise php pour l'appel des pages
 
merci pour vos conseils
 
voici mon fichier css :
 

body {
 
margin: 0;
 
 
 
font-family: verdana, arial, sans-serif;  
 
font-size: 12px;  
 
}
 
 
 
.head1 {
 
width: 770px;
 
height: 91px;
 
}
 
 
 
.head2 {
 
background-color: #00a2ff;
 
width: 770px;
 
height: 36px;
 
}  
 
 
 
.logo {
 
float: left;  
 
margin-right: 10px;  
 
margin-top: 3px;
 
border: 0;
 
}
 
 
 
.gauche {
 
position: absolute;
 
left:0;  
 
width: 181px;
 
height: 337px;
 
}
 
 
 
.centre {
 
margin-left: 181px;  
 
width: 586px;
 
margin-top: 0%;
 
position: top;
 
}
 
 
 
.menu {  
 
margin-top: 30px;
 
width: 160px;
 
border: 1px solid #060C6F;
 
background-color: #fff2bc;
 
font-family: verdana, arial;
 
font-size: 110%;
 
text-align: center;
 
}
 
 
 
h1 {
 
font-size: 140%;
 
text-align: right;
 
}
 
 
 
 
 
h2 {
 
font-size: 100%;
 
text-align: right;
 
}
 
 
 
ul,li {
 
list-style-type: none;
 
margin: 0;
 
padding:0;
 
line-height: 30px;
 
}


Message édité par bricepan le 28-12-2005 à 10:31:55
Reply

Marsh Posté le 28-12-2005 à 09:51:27   

Reply

Marsh Posté le 28-12-2005 à 09:56:12    

le code HTML généré de ta page putain
on peut pas se permettre de te guider vers des trucs sans connaitre ton code HTML associé à ta CSS

Reply

Marsh Posté le 28-12-2005 à 09:58:03    

gatsu35 a écrit :

le code HTML généré de ta page putain
...


Et joyeux noel gatsu!!!  :lol:

Reply

Marsh Posté le 28-12-2005 à 10:06:06    

Voici ma page index.php qui fait appel a d'autres page en php pour le contenu
 
 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>mon site</title>
  <link href="styles.css" rel="stylesheet"
 type="text/css">
</head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000"
 link="#0000ee" vlink="#551a8b">
<div class="head1">
<img src="logo.jpg" class="logo" alt="logo"></div>
<div class="head2">
<?php $date = date("d-m-Y" ); $heure = date("H:i" ); Print("Nous sommes le $date" ); ?></div>
<br>
<ul class="menu">
  <li style="font-weight: bold;"><a
 href="test.php?page=accueil">ACCUEIL</a></li>
  <li style="background-color: rgb(255, 153, 0);"><big>Chiffres
et produits</big></li>
  <li><a href="test.php?page=chiffres">Chiffres</a></li>
  <li><a href="test.php?page=produits">Produits</a></li>
  <li><a href="test.php?page=divers">divers</a></li>
  <li style="background-color: rgb(255, 153, 0);"><big>Ressources</big></li>
  <li><a href="annuaire/liste.php">Annuaire</a></li>
  <li>Mod&egrave;les&nbsp;documents</li>
  <li style="background-color: rgb(255, 153, 0);"><big>Aide</big></li>
  <li style="background-color: rgb(255, 153, 0);"><big>Divers</big></li>
  <li>Photos &eacute;v&egrave;nements</li>
</ul>
<div class="centre">
<?php if (!isset($_GET['page'])) $page= 'accueil'; else $page= $_GET['page']; switch($page) { case 'accueil': include ('accueil.php');break; case 'chiffres': include ('chiffres.php');break; case 'divers':include ('divers.php');break; case 'produits':include ('produits.php');break; case 'photos':include ('photos.php');break;} ?></div>
</body>
</html>

Reply

Marsh Posté le 28-12-2005 à 10:22:43    

RESOLU
 
merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed