28220 sujets

CSS et mise en forme, CSS3

[css] affichage apré script php (duplication)

salut voila mon probleme je n arrive pas vraiment a le decrire donc je vous fais voir : ici.

donc mon corp ne ce duplique pas

voici mon code : 

body
{
   width: 800px;
   margin: auto;     
   background: #FFFFFF;
   font-size: 10px;
   font-family: Verdana;
   background-repeat: repeat-x;
   

}


ul
{
list-style-type: none;
padding: 0px;
}

p
{
   color: #C6A655;
   font-size: 13px;
   font-family: Verdana;
}

a
{
   color: #C6A655;
   font-size: 12px;
   font-family: Verdana;
}


#p_header
{
   width: 800px;
   height: 8px;
   background-image: url("images/index_01.gif");
   background-repeat: no-repeat;
 }

#header
{
   width: 800px;
   height: 322px;
   background-image: url("images/index_02.gif");
 }
 
#barre_gauche
{
   width: 38px;
   height: 443px;
   background-image: url("images/index_03.gif");
   float: left;
   background-repeat: repeat-x;
}

#menu
{
   width: 159px;
   height: 443px;
   background-image: url("images/index_04.gif");
   float: left;
   background-repeat: repeat-x;
}

#blanc
{
   width: 54px;
   height: 443px;
   background-image: url("images/index_05.gif");
   float: left;
   background-repeat: repeat-x;
}

#corp
{
   width: 508px;
   height: 443px;
   
   background-image: url("images/index_06.gif");
   float: left;
   background-repeat: repeat-x;
}

#barre_droite
{
   width: 41px;
   height: 443px;
   background-image: url("images/index_07.gif");
   float: left;
   background-repeat: repeat-x;
}

#p_barre_gauche
{
   width: 38px;
   height: 17px;
   background-image: url("images/index_08.gif");
   float: left;
   background-repeat: repeat-x;
}

#footer
{
   width: 721px;
   height: 17px;
   background-image: url("images/index_09.gif");
   float: left;
   background-repeat: repeat-x;
}

#p_barre_droite
{
   width: 41px;
   height: 17px;
   background-image: url("images/index_10.gif");
   float: left;
   background-repeat: repeat-x;
}
Salut,
aucun rapport avec le PHP (cf titre)

Tu as utilisé background-repeat: repeat-x; alors qu'il faut utiliser repeat-y, le vertical c'est l'axe des y voir tes cours de maths Smiley cligne
ok merci.
sinon si j enleve les height: 443px;, mon design est tout deformer comment faire ?.
car si je le laisse a 443px il ne peu pas s agrandir

vous pouvez le voir par vous meme dans le premier post si vous cliquer sur le lien.

ps: j ai honte pour les x et y ^^
Modifié par gunnerkiller (07 Jul 2005 - 23:44)
Il faut revenir sur l'erreur de départ, qui consiste à utiliser une image d'arrière-plan servant à la fois à former la couleur d'arrière-plan et sa bordure inférieure.
- gère la couleur d'arrière-plan via la propriété background-color;
- gère ta bordure inférieure à l'aide d'une image d'arrière-plan placée en bas de ton conteneur.

Tu n'auras plus à forcer la hauteur de ton design, ce qui est toujours mauvais signe et qui doit servir de signal d'alarme Smiley cligne
Modifié par Laurent Denis (08 Jul 2005 - 07:49)
desoler mais je ne comprend pas ce que sa veut dire :

a écrit :
- gère ta bordure inférieure à l'aide d'une image d'arrière-plan placée en bas de ton conteneur.
Sujet clos
Aller à