28172 sujets

CSS et mise en forme, CSS3

Salut,

Je en train de créer un site où la barre de bouton est une éolienne, chaque bouton correspondant à une pale. Mon problème n'est pas dans les boutons mais dans le "poteau" de cette éolienne : je veux que l'image du bas de l'éolienne soit fixée au bas de l'écran par bottom:0, et je veux qu'entre les pales et le bas, il y ait mon poteau en repeat-y.

Et donc le problème, c'est qu'il se repeat pas tant que ça, le poteau. Voire pas du tout. Donc à mon avis, c'est parce qu'il est en position relative alors que j'ai du passer le bas de l'éolienne en absolute pour pouvoir mettre le bottom:0.

En fait il me faudrait soit un autre moyen de coller le bas de l'éolienne en bas de l'écran (ou de la page, les deux me vont), soit une manière de faire comprendre à ce poteau qu'il doit se répéter jusqu'au bas de l'écran mais plus après. Si quelqu'un a une idée... Smiley cligne

Ce que j'ai fait est ici : http://www.mr-sandwich.com/caddy/
En l'occurence, j'ai dit à mon poteau de faire 500px de haut pour que vous voyiez à quoi ça ressemble. Et donc la feuille de style est ici : http://www.mr-sandwich.com/caddy/style.css

Voilà voilà, merci Smiley smile

Edit : j'avais oublié de préciser : j'ai pas encore optimisé pour IE, donc vous étonnez pas si le bas de l'éolienne est décalé si vous utilisez pas Firefox.
Modifié par Mr. Sandwich (11 Jul 2008 - 16:09)
Comme c'était un peu pressé j'ai pris une solution alternative (et du coup l'exemple mis sur internet ne correspond plus à ce que je disais dans mon premier message).

Merci quand même Smiley cligne
Salut.

En tout cas, la solution alternative est très jolie ( << avis personnel bien entendu ) Smiley ravi

Justin