Salut à tous,
Voilà je suis nouveau et je débute en CSS...
Je suis en train de construire mon site où j'y ai mis un menu à gauche et une zone de contenu à droite...
Ce que je voudrai c'est que le menu reste fixe et que les différents liens du menu apparaissent dans la zone de contenu...
Je sais que plusieurs sujets on déjà été posté la dessus mais je n'ai aps eu de réponses assez clair
En esperant avoir été preci
Cordialement
Modifié par tom45 (05 Mar 2007 - 11:15)
Voilà je suis nouveau et je débute en CSS...
Je suis en train de construire mon site où j'y ai mis un menu à gauche et une zone de contenu à droite...
Ce que je voudrai c'est que le menu reste fixe et que les différents liens du menu apparaissent dans la zone de contenu...
<!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="en" lang="en">
<head>
<title>Thomas World</title>
<style type=text/css>
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-size: 50%;
font-weight: bold;
background: #F3FAFF;
OVERFLOW: auto; WIDTH: 100%; HEIGHT: 100%
}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
#contenu {
MARGIN-LEFT: 200px; OVERFLOW: auto; HEIGHT: 30%;
}
#menu {
LEFT: 0px; WIDTH: 200px; POSITION: static; HEIGHT: 100%; BACKGROUND-COLOR: #9999cc; top: 0; right: 0; bottom: -1px;
}
/* =-=-=-=-=-=-=-[Menu Nine]-=-=-=-=-=-=-=- */
#menu9 {
width: 100px;
margin-top: 10px;
LEFT: 0px; WIDTH: 200px; POSITION: absolute; HEIGHT: 150%; BACKGROUND-COLOR: #DDDDDD
}
#menu9 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#menu9 li a:link, #menu9 li a:visited {
color: #E5E8D4;
display: block;
background: url(menu9.gif);
padding: 8px 0 0 10px;
}
#menu9 li a:hover, #menu9 li #current {
color: #725033;
background: url(menu9.gif) 0 -32px;
padding: 8px 0 0 10px;
}
#menu9 li a:active {
color: #fff;
background: url(menu9.gif) 0 -64px;
padding: 8px 0 0 10px;
}
-->
</style>
<head>
<body>
<div id="menu9">
<ul>
</head>
<!-- CSS Tabs -->
<BODY>
<div class=contenu>
<center><font color="#0066FF"><h4><g> MENU </g></center><br>
<li><a href="accueil.html" target="contenu">Accueil</a></li>
<li><a href="page1.html" target="contenu">Moi</a></li>
<li><a href="page2.html" target="contenu">Les pot's</a></li>
<li><a href="page4.html" target="contenu">Filles</a></li><br>
<li><a href="page3.html" target="contenu">Vidéos</a></li>
<li><a href="tchat.html" target="contenu">Chat</a></li>
<li><class=menuleft><A title="Jouez!"<a href="jeux.html" target="contenu">Jeux</a></li>
<li><a href="liens.html" target="contenu">Liens</a></li><br>
<li><a href="telecharger.html" target="contenu">Télécharger</a></li>
<li><a href="trucs.html" target="contenu">Trucs et astuces</a></li>
<li><a href="tv.html" target="contenu">Thomas TV</a></li><br>
<center>
<center><font color="#0066FF"><h4><g> HORLOGE </g></center><br>
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH="100" HEIGHT="100"
CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<PARAM NAME="MOVIE" VALUE="clock6.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="WMODE" VALUE="Transparent">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="clock6.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="true" WMODE="Transparent" QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
</ul>
<font color="#0066FF"><h4><br>ME CONTACTER<br>
<br>
<center><a href="mailto:thomrul@msn.com"><img src="Mail.gif" width="40" height="40" alt="E-Mail" border="0"></a></center>
<br>
<font color="#0066FF"><h4><b>COMPTEUR DE VISITES</b>
<br><br>
<script type='text/javascript' src='http://www.123compteur.com/count-skinable-premium.php?votre_id=266217&font_color=FF0000&back_color=FFFF00&back_color2=FFFFCC&font_family=Comic Sans MS&nom_site=*th0mas45*'></script><noscript><a href="http://www.123compteur.com" target="_blank">compteur</a></noscript>
<br>
</center></DIV>
<DIV class=contenu>
<br>
<center><img src="banniere.jpg" height="200" width="640"></center>
</DIV></body></html>Je sais que plusieurs sujets on déjà été posté la dessus mais je n'ai aps eu de réponses assez clair
En esperant avoir été preci
Cordialement
Modifié par tom45 (05 Mar 2007 - 11:15)
Euh vous pourriez pas me conseiller svp??
Aide-toi d'un éditeur adapté qui te facilitera la lecture (et l'écriture) de ton code, notamment grâce à une colorisation de la syntaxe, il en existe de nombreux gratuits, fais une petite recherche sur le forum 
