Répondre à la discussion
Affichage des résultats 1 à 2 sur 2

Critique sur premier code css/html



  1. #1
    kenboi

    Critique sur premier code css/html


    ------

    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>

    -----
    "Je m'interesse à l'avenir, parceque c'est là que je vais passer le reste de ma vie." (Kettering)

  2. #2
    jc_m

    Re : Critique sur premier code css/html

    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 !

Discussions similaires

  1. Alignement à droite (html/css)
    Par MiMoiMolette dans le forum Internet - Réseau - Sécurité générale
    Réponses: 4
    Dernier message: 13/12/2007, 08h43
  2. Avis sur code XHTML/CSS
    Par Elbuey76 dans le forum Internet - Réseau - Sécurité générale
    Réponses: 1
    Dernier message: 12/09/2007, 08h17
  3. code HTML sur internet
    Par adrien dans le forum Logiciel - Software - Open Source
    Réponses: 4
    Dernier message: 21/05/2005, 12h19
  4. problème sur HTML et CSS
    Par etudes_05 dans le forum Logiciel - Software - Open Source
    Réponses: 0
    Dernier message: 18/03/2005, 19h05
  5. Code HTML dans page web sur Word
    Par Tom-Tom dans le forum Internet - Réseau - Sécurité générale
    Réponses: 2
    Dernier message: 15/03/2005, 16h26
Découvrez nos comparatifs produits sur l'informatique et les technologies.