| Auteur |
|
| tom45 |
|
| 4 Posts |
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...
<!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)
|
|
| Benjamin D.C. |
|
| Modérateur 2980 Posts |
Bonjour,
117 erreurs, c'est pas un peu beaucoup? 
Tu as choisis un doctype strict, l'un des plus restrictifs, hors tu n'en respectes pas les préceptes. En vrac:
- balises en majuscules
- pas d'attributs alternatifs aux images
- balises non fermées
- balises de présentations (center, etc.)
- etc.
Je pense qu'avant d'aller plus loin, il serait bien utile de revoir les bases et de (re)partir sur des fondations solides.
This is the way, step inside.
|
|
| tom45 |
|
| 4 Posts |
  Euh vous pourriez pas me conseiller svp??
Est-qu'il existe des créateurs de site en CSS facile à utiliser??
Et comment tu as vu qu'il y avait 117 erreurs précisement??
|
|
| Benjamin D.C. |
|
| Modérateur 2980 Posts |
tom45 a écrit :
Euh vous pourriez pas me conseiller svp?? Comme je le disais, il faut repartir sur des bases propres. Pour cela, il existe un nombre inombrable de tutoriels et de livres sur le sujet. En ligne, tu peux jeter un (gros) coup d'oeil sur:
- le site du zéro
- Openweb
- les tutoriels d'Alsacreations ainsi que la FAQ
tom45 a écrit :
Est-qu'il existe des créateurs de site en CSS facile à utiliser?? Tu verras par toi-même très vite que le codage à la main, il n'y a pas plus efficace  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 
tom45 a écrit :
Et comment tu as vu qu'il y avait 117 erreurs précisement?? Grâce au validateur html du w3c, un outil qui deviendra rapidement un ami bien utile pour débugger ton code
Bon courage! 
This is the way, step inside.
|
|
| tom45 |
|
| 4 Posts |
ok merci Benjamin D.C. !!!
|
|
| tom45 |
|
| 4 Posts |
Et sinon pour ma question principal (lorsque j'orai corrigé ls erreurs) comment je peux faire pour que les liens du menu apparaissent dans la zone de contenu san recharger la parti "menu"??
|
|
XHTML Best Effort Valid
