onjour à tous!!!
je suis en train de faire un site sur les chiens nordiques mais j ai quelques problemes
validation w3c
http://validator.w3.org/check?uri=http%3A%2F%2Fxeon260.kelio.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0
et voici le code html
Citation : code 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>Bienvenue sur mon site !< /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>
<div id="header">
</div>
<div id="menu">
<div class="element-menu">
<h3>Le Site</h3>
<ul>
<li>Accueil</li>
<li>News</li>
<li>forum</li>
<li>Liens</li>
<li>contact</li>
<li>wiki</li>
</ul>
</div>
<div id="menu2">
<div class="element-menu">
<h3>Les Chiens Nordiques</h3>
<ul>
<li>LLe Husky Syberien</li>
<li>Le Malamute d´ Alaska</li>
<li>Le Groenlandais</li>
<li>Le Samoyede</li>
<li>autre</li>
</ul>
</div>
<div id="menu3">
<div class="element-menu">
<h3>articles</h3>
<ul>
<li>lien</li>
<li>lien</li>
<li>lien</li>
<li>lien</li>
<li>lien</li>
</ul>
</div>
<div id="news">
<p>Le site va bientot ouvrir</p>
</div>
<div id="corps">
<h1>Bienvenue Sur Ce Site</h1>
<h2>De Quoi Parle T´ Il?</h2>
<p>Ce site parle des chiens Nordiques comme le Husky ,le Samoyede etc
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum. Maecenas adipiscing ante non diam sodales hendrerit.
Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa suscipit pulvinar. Nulla sollicitudin. Fusce varius, ligula non tempus aliquam, nunc turpis ullamcorper nibh, in tempus sapien eros vitae ligula. Pellentesque rhoncus nunc et augue. Integer id felis. Curabitur aliquet pellentesque diam. Integer quis metus vitae elit lobortis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi vel erat non mauris convallis vehicula. Nulla et sapien. Integer tortor tellus, aliquam faucibus, convallis id, congue eu, quam. Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna.
Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. Curabitur eu amet.
La version originale (avec le Lipsum habituellement utilisé mis en gras):
[32] Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? [33] At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio, cumque nihil impedit, quo minus id, quod maxime placeat, facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet, ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
</p>
</div>
<div id="footer">
<h3>copyright@lmdn 2007</h3>
</div>
</body>
</html>
oila donc si quelqu un peut m´ aider à résoudre les erreurs
problème design
J ai aussi des problemes pour la mise en forme du design
le site est içi
http://xeon260.kelio.org/
et le code css Citation : code css
body
{
width: 1002px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #1E90FF;
}
- header
{
width: 1002px;
height: 171px;
background-image: url("header.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
}
- news
{
width: 731px;
height: 232px; margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-image: url("news.png");
background-repeat: repeat-x;
border: 2px solid black;
}
- corps
{
width: 731px;
height: 232px;
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;
color: #B3B3B3;
background-image: url("corps.png");
background-repeat: repeat-x;
border: 2px solid black;
}
- footer
{
width: 731px;
height: 40px;
padding: 5px;
text-align: center;
background-image: url("footer.png");
background-repeat: repeat-x;
border: 2px solid black;
}
donccomme vous pouvez le voir le corps 1 et 2 ne sont pas à coté du menu et n englobe pas tout le texte du corps
et le pied de page n est pas au bon endroit et englobe d autre éléments que le copyright
voila c est tut pour l instant
merci d avance
