Petit problème CSS/HTML

Résolu/Fermé
Kdera - 6 nov. 2009 à 21:17
 Kdera - 6 nov. 2009 à 22:02
Bonjour à tous, je développe actuellement un site internet (je suis débutant 16ans). Je rencontre cependant un problème pour créer le disign.
En effet mon site se décompose en un tableau de 800px/760px.
Ce tableau est lui-même composé d'un bandeau de 800px/150 en haut, sous ce bandeau d'un menu de 125px/650px et du corps de page a droite de menu de 675px/650px.
Tout ces éléments sont définis dans des cellule.
J'en arrive à mon problème: quand je définis le menu je lui attribu sq largeur de 125px et sa hauteur de 650px ms celui-ci prend malgré ces limitations toute la largueur de la page.
Je ne comprends pas puisque quand je définis le bandeau il est bien de 800px de large et dr 150px de hauteur.
Pourriez-vous m'aidez svp a pouvoir créer mon menu et qu'il ne fasse que 125px de large
Pour que vous y voyez plus clair je vous met ci-dessous mon code HTML et CSS correspondant:
Merci d'avance de l'attention que vous m'accorderez

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Accueil</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Design" href="Design.css" />
	     </head>
		 
   <body>
   
   <table class="structure">
   
   
   <tbody>
   
   <tr>
   <td class="bandeau"> </td>
   </tr>
   
   <tr>
   <td class="menu"> </td>
   <td class="corps"> </td>
  
   </tr>
   
   </tbody>
  
   
   </table>
   
   
   
   </body>
</html>




CSS:

table  
{ 
 margin-left : auto; 
 margin-right : auto; 
 width: 800px;
 height: 760px;
} 



.bandeau
{
background-color: red;
width: 800px;
height: 150px;
text-align: center;
}


.menu
{
background-color: blue;
width: 125px;
height: 610px;
text-align: left;
}
A voir également:

3 réponses

bonsoir,

rajoute un float: left; à ton menu et dis moi ce qui se passe...
0
Bonjour elay, je te remercie beaucoup de ta réponse. Le float à corriger le problème. J'étais dessus depuis une heure. Merci beaucoup.
0
de rien! Je suis content que mon maigre savoir en html et CSS ai pu t'aider et bonne continuation!

si ça t'intéresse http://journalcontemporain.free.fr
0
C'set ton site ?
0