Bonjour,
j'ai un petit soucis en CSS, dans mon header j'ai un logo, une image a coté du logo et ensuite une image qui se répète en X jusqu'à avoir remplis toute la largeur de l'écran du visiteur (le tout sans marge, ni espace blanc). le problème c'est que je n'arrive pas à faire en sorte que l'image se répète et s'arrete une fois la résolution du visiteurs atteinte.
Voici mon code :
HTML
CSS
Il y a un width dans le #header_repeat car si je l'enlève l'image ne se répète pas, et si je met genre : 2000 et que la largeur de mon ecran est 1000 sa fait bugé tout mon design.
Merci !
Bye !
j'ai un petit soucis en CSS, dans mon header j'ai un logo, une image a coté du logo et ensuite une image qui se répète en X jusqu'à avoir remplis toute la largeur de l'écran du visiteur (le tout sans marge, ni espace blanc). le problème c'est que je n'arrive pas à faire en sorte que l'image se répète et s'arrete une fois la résolution du visiteurs atteinte.
Voici mon code :
HTML
<div id="logo"><?php include_once("includes/Logo.php"); ?></div>
<div id="header"></div>
<div id="header_repeat"></div>CSS
#logo
{
height:85px;
width:331px;
float:left;
}
#header
{
width:283px;
height:85px;
background-image:url('../images/header.jpg');
background-repeat:no-repeat;
float:left;
}
#header_repeat
{
height:85px;
width:649px;
background-image:url('../images/header_repeat.jpg');
background-repeat:repeat-x;
float:left;
}Il y a un width dans le #header_repeat car si je l'enlève l'image ne se répète pas, et si je met genre : 2000 et que la largeur de mon ecran est 1000 sa fait bugé tout mon design.
Merci !
Bye !
