Critique sur premier code css/html

invite088d6dc6 · 26/08/2005, 22h53

Bonjour, je me lance aujourd'hui dans mes debut en langage info, j'aurais aimé des critiques de personnes expérimentées s'il vous plait !

merci d'avance.

code css :

Code:

.noir {
background-color: #000000;
width: 900px;
height: 560px;
margin-left: 50px;
margin-top: 8px;
}
.gris {
width: 900px;
height: 560px;
background-color: E3E4DF;
margin-left: -8px;
margin-top:8px;
float :left;
}
#header {
height: 110px;
background-color: E3E4DF;
}
#centre {
background-color:E3E4DF;
}
#pied {
height: 30px;
background-color: E3E4DF;
}
.bande {
width: 1000px;
height: 19px;
line-height: 19px;
background: #4B4B4B;
font-family: Verdana;
color: #FFFFCC;
font-weight: bold;
font-size: 10pt;
word-spacing : 11mm ; text-align: center;
margin-top : 5px;
margin-left: -45px;
}
a:link { font-weight:bold ; color: #FFFFCC ;}
a:visited {color: #66FFFF ; }
a:hover { color: red;text-decoration: none ; }

code html :

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">

  <title>Acceuil - La Ferme Equestre</title>
  <link rel="stylesheet" type="text/css" href="style_ferme.css">
</head>


<body>


<div class="noir">
<div class="gris">
<div id="conteneur"><img src="test.jpg" height="110" hspace="1" vspace="1" width="900">
<div class="bande"> Acceuil
| <a href="Calendrier.html">Calendrier</a>
| <a href="Tarifs.html">Tarifs</a> | <a href="Chevaux.html">Chevaux</a> | <a href="Contact.html">Contact</a> </div>

<div id="centre"> CENTRE <br>
</div>
<div id="pied">pied de page</div>
</div>
</div>
</div>
</body>
</html>

inviteab763770 · 27/08/2005, 06h48

Bonjour,

Pourquoi ne pas utiliser un en-tête XHTML transitional ?

A quoi te servent "hspace="1" vspace="1"" ?

Ce sont des éléments dépréciés qui peuvent s'écrire en css par un "margin".

Je te recommande le forum Alsacréation et ses tutos pour progresser sur ce sujet.

Par ailleurs il semble que tu as pris en compte un écran de 1024 px : selon diverses sources il y aurait entre 18 et 25% d'écrans en 800 x 600, qui auront donc un scroll horizontal sur ta page (voir Browser statistics.

Et pense à tous ceux qui naviguent avec une fenêtre réduite (historique ouverte par exemple).

Tes indications de couleurs sont parfois inappropriées : "background-color: E3E4DF;" au lieu de "background-color: #e3e4df;" (en minuscules et précédées du signe "#").

Enfin il y a un petit mélange d'unités : px, pt, mm, qui ne donne pas toujours de bons résultats...

Pourquoi ne pas tout coter en "em" ou en "%" et envisager un désign fluide ?

Une aide précieuse te sera donnée par un recours aux recommandations du W3C (fr)

Encore un petit effort !

Critique sur premier code css/html

Critique sur premier code css/html

Re : Critique sur premier code css/html

Discussions similaires

Alignement à droite (html/css)

Avis sur code XHTML/CSS

code HTML sur internet

problème sur HTML et CSS

Code HTML dans page web sur Word