28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je ne sais pas comment reproduire la barre de menu (le fond) de ce site. Faire en sorte qu'elle s'allonge avec la fenêtre. Apparemment elle est complètement indépendante du menu lui même mais c'est une image répétée plusieurs fois. Et quand on agrandit la fenêtre elle s'allonge progressivement et non image par image. Bref, j'adore mais je ne vois pas du tout comment faire...

Quelqu'un peut m'aider?

Merci.

http://www.simplewpthemes.com/themesdemos/?themedemo=RikosMagazine
Bonjour,


#topwrap {
  width: 100%;
  height: 170px;
  background: url(images/top.png) repeat-x;
  margin-bottom: 25px;
}


Firebug pour firefox par exemple....
Oui il faut vraiment que je l'utilise... Smiley confused

Merci en tout cas.

Je pensais qu'avec cette solution l'image ne se répétait qu'une fois que la fenêtre était asses large pour intégrer une nouvelle image complète...
Oui, vraiment Smiley cligne

Comme son nom l'indique ("repeat-x"), la propriété indique que l'image doit se répéter sur l'axe des abscisses, sans notion de limitation (qui plus est, le conteneur fait 100% de la taille de l'écran...)
De plus, si tu regardes l'image, tu te doutes bien qu'elle est répétée de nombreuse fois, et cela, dès qu'un pixel est libre :

upload/12813-top.png

Si tu as trouvé réponse à ta question, penses à l'indiquer dans le titre de ton sujet, merci Smiley cligne