La Ferme du web - Les forums

Venez baraguiner avec la communauté !

Vous n'êtes pas identifié.

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

roxin
Membre
Date d'inscription: 02/12/2011
Messages: 1

Problème avec mon Html/CSS

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)

Hors ligne

 

02/12/2011 11:05:23

Botte De Foin Publicitaire


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

Nicolas
Membre
Lieu: Pyrénées Atlantique (64)
Date d'inscription: 15/07/2010
Messages: 46
Site web

Re: Problème avec mon Html/CSS

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

Hors ligne

 

Pied de page des forums

Powered by FluxBB
© Copyright 2008-2009 - LaFermeduWeb.net