Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Design : CSS] Incompréhensible

J'ai besoin des explications concernant CSS.

    6 janvier 2006 à 10:39:06

    Bonjour à tous et à toutes,

    Il y a quelque chose que je ne comprends pas, je vous explique :
    Je fais un header avec trois images, l'un pour à gauche, et l'autre pour le milieu, et enfin le troisième à droite.
    Donc, je l'ai fait avec CSS évidemment (même si je ne sais pas si c'est comme ça qu'il faut faire)

    Voici un aperçu de CSS

    body
    {
    margin: auto;
    margin-top: 1%;
    width: 98%;
    }

    #header
    {

    width: 100%;
    height: 200px;
    background-color: #DCEEFF;
    border-top: 1px #97BBDD solid;
    border-bottom: 1px #97BBDD solid;
    border-right: 1px #97BBDD solid;
    border-left: 1px #97BBDD solid;
    }

    #imgaucheheader
    {

    height: 200px;
    background: url("headergauche.jpg");
    background-position: left;
    background-repeat: no-repeat;
    }

    #imgmilieuheader
    {

    height: 200px;
    background: url("headermilieu.jpg");
    background-position: center;
    background-repeat: no-repeat;
    }

    #imgdroiteheader
    {

    height: 200px;
    background: url("headerdroite.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
    }


    Et le code de XHTML :

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
    <link rel="stylesheet" media="screen" type="text/css" href="design/styles.css" />
    <title>Blog BD de Mikashue</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
    <div id="header">
    <div id="imgaucheheader">
    <div id="imgmilieuheader">
    <div id="imgdroiteheader">
    </div></div></div></div>
    </body>
    </html>


    Ce que je ne comprends pas, c'est pourquoi faut-il mettre 200 px dans #imgdroiteheader dans CSS bien sûr.
    Car, l'image ne fait que 42px d'hauteur.
    Si je mets 42px, l'image se trouve en haut, et si je mets 200px, il se trouve en bas (c'est ce que je veux, c'est parfait) mais j'aimerai savoir pourquoi.
    Car je croyais qu'il fallait mettre la taille des images, et non la position, etc, enfin si vous voyez ce que je veux dire.
    Et puis, je vous demande si c'est comme cela qu'il faut faire pour header ?
    Je veux faire un design extensible comme vous avez sûrement remarqué.

    Voilà, merci d'avance.

    A bientôt
    • Partager sur Facebook
    • Partager sur Twitter

    [Design : CSS] Incompréhensible

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown