Le contenu s'affiche en dessous du menu

Fermé

beber - 26 oct. 2010 à 20:56
beber - 28 oct. 2010 à 09:20

Bonjour,

Je suis en train d'essayer de créer un site pour un ami, j'utilise des balises div, une pour
l'entete <div id="headerlogo" align="center">
puis une pour le menu <div id="navcontainer"> <ul id="navlist">
enfin, une pour le contenu du site qui se trouve sous l'entete a droite du menu : <div id="contenu" >

Mont probleme est le suivant :
lorsque j'écris le contenu, il s'affiche en dessous du menu et non a sa droite. Que dois-je faire pour résoudre ce probleme?
Merci d'avance :)

A voir également:

Le contenu s'affiche en dessous du menu
Menu déroulant excel - Guide
Word a trouvé du contenu illisible - Guide
Le clavier de mon telephone ne s'affiche plus - Guide
Le fichier à télécharger correspond au contenu brut d’un courrier électronique. de quel pays a été envoyé ce message ? - Guide
Windows 11 menu démarrer classique - Guide

4 réponses

Réponse 1 / 4

beber
26 oct. 2010 à 22:07

en attandant une réponse, j'ai créer un tableau d'une ligne et 2 colonnes avec dans la colonne de gauche le menu et a droite le contenu mais bon c'est du provisoire

Réponse 2 / 4

Twinpics
26 oct. 2010 à 22:34

Bonsoir,
Tu risque d'attendre longtemps car sans le(s) code(s) xHTML/CSS de la page qui pose problème, personne ne pourra faire grand chose pour te dépanner. Eventuellement, si la page est en ligne, un lien permettrait de se rendre compte du phénomène. M'enfin, pour ce que j'en dis...
@+ peut-être...

Réponse 3 / 4

beber
26 oct. 2010 à 22:56

ok, donc voici le html de la page tel que c'est actuellement : (c'est a dire, en utilisant un tableau pour résoudre temporairement le problème) :

<html>
<head>
<title>test</title>
<style type="text/css">

body {
background-attachment:fixed;
background-position:center;
background-color:#99CCFF;
background-image: url(imagedefond.png);
background-repeat: ;}

#navlist
{
color: white;
background: #99CCFF;
border-bottom: 0.2em solid #99CCFF;
border-right: 0.2em solid #99CCFF;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#courant { border-color: #5bd #035 #068 #f30; }

#navlist a

{
width: 99%;

}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;

}

#navcontainer>#navlist a
{
width: auto;
}

#navlist a:hover, #navlist a#courant:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#courant:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

</style>
</head>
<body>
<div id="headerlogo" align="center">
<a href="#" title="Maison du reve - location appartements Collioure"><img src="http://img204.imageshack.us/img204/2843/maisondureve.png" alt="Maison du Reve - Location Appartements Collioure" class="logo" border="0"></a>
</div>
<table><tr><td align="top">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="courant">Accueil</a></li>
<li><a href="http://maisondureve.free.fr/Situation.htm">Situation géographique</a></li>
<li><a href="http://maisondureve.free.fr/Description.htm">Description du meublé</a></li>
<li><a href="http://maisondureve.free.fr/tarifs.htm">Nos tarifs</a></li>
<li><a href="http://maisondureve.free.fr/Acces.htm">L'accès</a></li>
<li><a href="http://maisondureve.free.fr/Notre%20Livre%20d%27Or.htm">Livre d'or</a></li>
<li><a href="http://maisondureve.free.fr/Contacts.htm">Contactez-nous</a></li>
<li><a href="http://maisondureve.free.fr/anglais.htm">English</a></li>
</ul>
</div>
</td><td>
<div id="contenu" >
<font size="3" face="Arial Black" color="#000066"><center>DE PARTICULIER A PARTICULIER </center></font><br>
<img src="http://wassimzouari.com/fleche-bleu-a-cote-icone-4900-16.png"><font size="5" face="Arial Black" color="#ffffff"><blink>Nouveau : appartement climatisé</blink></font><br>
<img src="http://wassimzouari.com/fleche-bleu-a-cote-icone-4900-16.png"><font size="5" face="Arial Black" color="#ffffff">A 50m de la mer, au coeur du village de Collioure</font><br>
<img src="http://wassimzouari.com/fleche-bleu-a-cote-icone-4900-16.png"><font size="5" face="Arial Black" color="#ffffff">Appartement 2/4 et 5/6 personnes</font><br>
<img src="http://wassimzouari.com/fleche-bleu-a-cote-icone-4900-16.png"><font size="5" face="Arial Black" color="#ffffff">60€ la nuitée hors saison : profitez-en!</font><br><br>
<font size="3" face="Arial Black" color="#000066"><i>N'hésitez pas à nous contacter : </i></font><font size="3" face="Arial Black" color="#ffffff">maisondureve@free.fr</font>
<br><p class="MsoHeading7"><b><font size="5" color="#99CCFF" face="Arial Black">
<marquee align="middle" behavior="alternate" bgcolor="#000066">De Octobre
à Mai : nuitée à 60 € </marquee>

</div>
</td></tr></table>
</body>
</html>

beber
26 oct. 2010 à 23:17

PS : cette page n'est pas en ligne, ce n'est pas le site en free.fr, je le refait entierement

Twinpics
27 oct. 2010 à 00:09

Bonsoir,
Page visible à l'url http://gabriel-sempere.freehostia.com/test/beber.html
@+

beber
27 oct. 2010 à 01:17

merci c'est gentil,
si c'est pas de trop, peux-tu mettre la version ou l'on voit le probleme? :)

________________________________________________________________

<html>
<head>
<title>test</title>
<style type="text/css">

body {
background-attachment:fixed;
background-position:center;
background-color:#99CCFF;
background-image: url(imagedefond.png);
background-repeat: ;}

#navlist
{
color: white;
background: #99CCFF;
border-bottom: 0.2em solid #99CCFF;
border-right: 0.2em solid #99CCFF;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#navlist a
{
display: block;
text-decoration: none;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a#courant { border-color: #5bd #035 #068 #f30; }

#navlist a

{
width: 99%;

}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;

}

#navcontainer>#navlist a
{
width: auto;
}

#navlist a:hover, #navlist a#courant:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a#courant:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

</style>
</head>
<body>
<div id="headerlogo" align="center">
<a href="#" title="Maison du reve - location appartements Collioure"><img src="http://img204.imageshack.us/img204/2843/maisondureve.png" alt="Maison du Reve - Location Appartements Collioure" class="logo" border="0"></a>
</div>

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="courant">Accueil</a></li>
<li><a href="http://maisondureve.free.fr/Situation.htm">Situation géographique</a></li>
<li><a href="http://maisondureve.free.fr/Description.htm">Description du meublé</a></li>
<li><a href="http://maisondureve.free.fr/tarifs.htm">Nos tarifs</a></li>
<li><a href="http://maisondureve.free.fr/Acces.htm">L'accès</a></li>
<li><a href="http://maisondureve.free.fr/Notre%20Livre%20d%27Or.htm">Livre d'or</a></li>
<li><a href="http://maisondureve.free.fr/Contacts.htm">Contactez-nous</a></li>
<li><a href="http://maisondureve.free.fr/anglais.htm">English</a></li>
</ul>
</div>

<div id="contenu" >
<font size="4" face="Arial Black" color="#000066"><center>DE PARTICULIER A PARTICULIER </center></font><br>
<img src="http://wassimzouari.com/fleche-bleu-a-cote-icone-4900-16.png"><font size="5" face="Arial Black" color="#ffffff"><blink>Nouveau : appartement climatisé</blink></font><br>
<img src="http://wassimzouari.com/fleche-bleu-a-cote-icone-4900-16.png"><font size="5" face="Arial Black" color="#ffffff">A 50m de la mer, au coeur du village de Collioure</font><br>
<img src="http://wassimzouari.com/fleche-bleu-a-cote-icone-4900-16.png"><font size="5" face="Arial Black" color="#ffffff">Appartement 2/4 et 5/6 personnes</font><br>
<img src="http://wassimzouari.com/fleche-bleu-a-cote-icone-4900-16.png"><font size="5" face="Arial Black" color="#ffffff">60€ la nuitée hors saison : profitez-en!</font><br><br>
<font size="2" face="Arial Black" color="#000066"><i><center>N'hésitez pas à nous contacter : </i></font><bR><font size="3" face="Arial Black" color="#ffffff">maisondureve@free.fr</font>
<br><p class="MsoHeading7"><b><font size="5" color="#99CCFF" face="Arial Black">
<marquee align="middle" behavior="alternate" bgcolor="#000066">De Octobre
à Mai : nuitée à 60 € </marquee>

</div>

</body>
</html>

Réponse 4 / 4

beber
28 oct. 2010 à 09:20

Personne? :(

Discussions similaires

Savoir de quel ville à été envoyé le message

les entrées et les sortées

Quel fonction faire en b1 par rapport à a1

Youtube: Ce contenu n'est pasdisponible dans votre pays