Petit problème CSS/HTML
Résolu
Kdera
-
Kdera -
Kdera -
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:
CSS:
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:
- Petit problème CSS/HTML
- Editeur html - Télécharger - HTML
- Petit 2 ✓ - Forum Windows
- Petit point vert snap ✓ - Forum Snapchat
- Trier du plus petit au plus grand excel - Guide
- Html br ✓ - Forum Webmastering
3 réponses
Bonjour elay, je te remercie beaucoup de ta réponse. Le float à corriger le problème. J'étais dessus depuis une heure. Merci beaucoup.
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
si ça t'intéresse http://journalcontemporain.free.fr
