La Ferme du web - Les forums

roxin · 02/12/2011 11:05:23

Bonjour à tous, Et Merci d'avance

J'ai suivi le tuto étant débutant dans le CSS.
Moi et le css nous nous aimons pas beaucoup...

Mon problème est que je n'arrive pas à mettre les images comme je le voudrais voici le résultat que je souhaiterez
http://sib-team.com/r.jpg

Et voici mon résultat...
http://sib-team.com/rr.jpg

Voici mon code CSS:

Code:

body
{
    background-color: #494A4B;
}

#conteneur
{
   margin: auto;
   width: 832px;
}

#header
{
   background-image: url("../images/header.png");
   width: 914px;
   height: 163px;
}

#menu
{
   background-image: url("../images/menu.png");
   width: 914px;
   height: 54px;
}

#menu1
{
   background-image: url("../images/menu1.png");
   width: 914px;
   height: 65px;
}

#milieu
{
   background-image: url("../images/menu.png");
   background-repeat: repeat-y;
   width: 914px;
}

#bas
{
   background-image: url("../images/bas.png");
   width: 914px;
   height: 46px;
}

#bas2
{
   background-image: url("../images/bas2.png");
   width: 914px;
   height: 59px;
}

#bas3
{
   background-image: url("../images/bas3.png");
   width: 914px;
   height: 82px;
}

Mon code HTML:

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>Vinterblot</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" href="main.css" />

    </head>
    <body>
        <div id="conteneur">
           <div id="header"></div>
           <div id="menu">
           <a href='index.html'>Accueil</a></div>
           <div id="menu1">
           Acceuil</div>
           <div id="milieu">
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                      Blablablablalbalblablalbal Blablablablalbalblablalbal 
                   </div>
                   <div id="bas"></div>
                   <div id="bas2"></div>
           <div id="bas3"></div>
                      NaLaX Copyright - Tous droits réservés ©
                   </div>
        </div>
    </body>
</html>

Qu'est-ce qui ne vas pas?
Merci à tous

Dernière modification par roxin (02/12/2011 11:05:57)

Botte De Foin Publicitaire · 02/12/2011 11:05:23

Nicolas · 12/12/2011 10:36:31

Salut,

tu devrais mettre un repeat-y à ton menu. Pour rappel y=horizontal et x=vertical.

Ensuite CSS lit le flux de haut en bas, à moins que la balise ait une propriété "inline", elle sera placé dessous.
Pour aligner comme tu le souhaites tu dois utiliser "float"

Je n'ai pas le temps de tester ton code mais à vue de nez :
float:left; sur #menu1
float:right; sur #milieu

et tu places un clear:both; après ces 2 blocs pour éviter que tout le bas remonte (car le float fais sortir du flux).

Tchusss

La Ferme du web - Les forums

#1 02/12/2011 11:05:23

Problème avec mon Html/CSS

Code:

Code:

02/12/2011 11:05:23

#2 12/12/2011 10:36:31

Re: Problème avec mon Html/CSS

Pied de page des forums