Quelqu'un pour corriger mon code

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Quelqu'un pour corriger mon code

Teddyted

Bonjour,
Pouvez vous verifier, critiquer, corriger mon code :

Le XHTML

Code :

<!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 dans le test!</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_test.css" />
</head>
<body>
<div id="global">
<div id="head">
<div id="bloc1"></div>
<div id="bloc2"></div>
<div id="bloc3"></div>
</div>
<div id="main">
<div id="blocmenu">
<div class="navcontainer">
<ul class="navlist">
<li><a href="connnecter.html#">Se connecter</a></li>
</ul>
</div>
<div class="mbloc">Présentation</div>
<div class="navcontainer">
<ul class="navlist">
<li><a href="lien#">lien 1</a></li>
<li><a href="lien.html#">lien 2</a></li>
<li><a href="lien.html#">lien 3</a></li>
<li><a href="lien.html#">lien 4</a></li>
<li><a href="lien.html#">lien 5</a></li>
<li><a href="lien.html#">lien 6</a></li>
<li><a href="lien.html#">lien 7</a></li>
<li><a href="lien.html#">lien 8</a></li>
</ul>
</div>
<div class="mbloc">Informations générales</div>
<div class="navcontainer">
<ul class="navlist">
<li><a href="lien.html#">lien 9</a></li>
<li><a href="lien.html#">lien 10</a></li>
<li><a href="lien.html#">lien 11</a></li>
<li><a href="lien.html#">lien 12</a></li>
</ul>
</div>
</div>
<div id="contenu">
<p>Salut à tous merci de vérifier le code</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test que le main suit la taille du bloc contenu dans firefox</p>
</div>
<div id="blocphotos"></div>
</div>
</div>
</body>
</html>

Le CSS

Code :

body
{
margin-top: 30px;
background: #333333;
font: bold 12px verdana,helvetica,arial,sans-serif;
}
#global
{
width: 943px;
height: auto;
margin: auto;
}
/*Head : disposition des 3 premiers blocs*/
#head
{
width: 943px;
height: 107px;
background-color: white;
border-bottom: #808080 1px solid;
}
#bloc1
{
float: left;
width: 210px;
height: 100%;
}
#bloc2
{
float: left;
width: 530px;
height: 100%;
border-left: #808080 1px solid;
border-right: #808080 1px solid;
}
#bloc3
{
float: left;
width: 201px;
height: 100%;
}
/*Head : disposition des 3 premiers blocs*/
/*Main : disposition des 3 blocs : menu, contenu et bloc photos*/
#main
{
width: 943px;
height: auto;
background: #333399;
float : left;
}
/*Création du menu*/
#blocmenu
{
float: left;
background-color: blue;
}
ul.navlist
{
width: 210px;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
background: #808080;
border-bottom: #808080 1px solid;
}
ul.navlist li
{
border-top: #808080 1px solid;
border-left-width: 0px;
border-bottom-width: 0px;
margin: 0px;
list-style-type: none;
border-right-width: 0px
}
ul.navlist li a
{
border-top-width: 0px;
border-bottom-width: 0px;
border-left: #aaaabb 20px solid;
border-right-width: 0px;
padding-right: 8px;
padding-left: 8px;
padding-top: 7px;
padding-bottom: 7px;
display: block;
background: #333399;
width: 174px;
text-align: left;
text-decoration: none;
}
ul.navlist li a:link
{
color: white;
}
ul.navlist li a:hover
{
border-left-color: #ff9000;
background: #000d33;
border-bottom-color: #ff9000;
border-top-color: #ff9000;
border-right-color: #ff9000;
color: #ffffff;
}
.mbloc
{
background-color: #ffffff;
color: #333366;
width: 210px;
text-indent: 15px;
padding-top: 7px;
padding-bottom: 7px;
}
/*Création du menu*/
#contenu
{
float: left;
width: 530px;
height: auto;
line-height: 20px;
text-align: center;
border-left: #808080 1px solid;
border-right: #808080 1px solid;
padding-top: 15px;
padding-bottom: 55px;
background: white;
}
#blocphotos
{
}
/*Main : disposition des 3 blocs : menu, contenu et bloc photos*/

Merci

Publicité

tyrael4

Je l'ai testé sous firefox. Apparement ca fonctionne.

Teddyted

Je voudrais surtout savoir si ce que j'ai fait est correct car c'est mon premier site. Est ce qu'il y a possibilité de faire mieux, ou supprimer certaines parties de CSS ou Xhtml.

Merci

FORUM HardWare.fr

Programmation

HTML/CSS

Quelqu'un pour corriger mon code

Sujets relatifs
[Windows Sokets] {résolu} un prob de compilation avec code::blocks	Probleme avec mon code source pour les sockets
débutant - vérifier le résultat de mon code [RESOLU]	Le code html de mon site apparait sur google
[RESOLU] Aide pour finaliser code	[visual C++ & code::blocks] passée de Code::Blocks à Visual C++
[RESOLU] Pb de div hidden (code de solution en ligne)	[Résolu} Affecter une variable php depuis un code JS
lancer un programme depuis un code en C	corriger mon code html...
Plus de sujets relatifs à : Quelqu'un pour corriger mon code

Page générée en 0.067 secondes