Suivez les fils RSS
 
Auteur
acidstrike
# 18 Mar 2010 - 11:36:07
Citer
3 Posts
Bonjour a tous,
je suis en train de réaliser un header a largeur variable seulement je bloque sur la largeur variable cligne
Pour mieu comprendre je vous envoi une image du résultat souhaiter, si vous avez des solutions a me proposer ce serais super cligne
Merci a tous!

previews/28057-divVariabl.jpg

^
Laurie-Anne
# 18 Mar 2010 - 11:39:17
Citer
Modérateur
5736 Posts
Bonjour,

Il serait mieux (et surtout plus constructif) de nous montrer tes essais.

http://laurie-anne.bourdain.name 
^
acidstrike
# 18 Mar 2010 - 12:56:00
Citer
3 Posts
 
#headerBanner {
text-align: center;
height: 145px;
width:100%;
float: left;
padding-left: 23px;


}

#headerBannerLeft{
background-image: url("../../images/template/header_master.png");
background-repeat: no-repeat;
height: 145px;
width: 903px;
float: left;
}

#headerBannerRepeatt{
background-image: url("../../images/template/header_repeat.png");
background-repeat: repeat-x;
height: 145px;
width:100%;
float: left;

}

#headerBannerRight{
background-image: url("../../images/template/header_droit.png");
background-repeat: no-repeat;
height: 145px;
width: 10px;
float: right;
padding-right: 50px;
}

Modifié par acidstrike (18 Mar 2010 - 13:51)

^
Heyoan
# 18 Mar 2010 - 13:00:33
Citer
Modérateur
8101 Posts
Hello et bienvenue smile ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace après le crochet ouvrant).

previews/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. cligne

En l'occurrence donner le code css sans le code html correspondant ne sert pas à grand chose.

Pour ta question voir Un design fluide avec trois «colonnes», grâce au positionnement flottant.

^
Laurie-Anne
# 18 Mar 2010 - 13:05:11
Citer
Modérateur
5736 Posts
OK,

Pour headerBannerLeft et headerBannerRight tu es sur la bonne piste. Par contre, headerBannerRepeatt n'est pas nécessaire, il serait plus simple de placer l'image de fond dans headerBanner.

http://laurie-anne.bourdain.name 
^
acidstrike
# 18 Mar 2010 - 13:53:11
Citer
3 Posts
Ok j'y ai pensé mais mon header de gauche et de droite sont en png avec coin arrondi et donc transparence. Mais bon je peux retoucher le header ce sera plus simple.
Merci bcp.

^