CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Barre de défilement horizontale en bas du forum [résolu] | |
| tmup
{ Membre }
Messages : 17
| Bonsoir !
J'ai ce problème depuis deux jours et j'ai beau chercher sur internet, je ne vois pas ce qui peut clocher, et il n'y a rien pour m'aider d'ailleurs.. Depuis que j'ai mis mon header de fond ('accroché' au corps du forum), j'ai une barre de défilement horizontale en bas de mon forum. J'ai beau jouer avec la taille du header, j'en ai même enlevé 30pixels, mais toujours rien ! Pourtant, on voit la barre de défilement qui n'est là sûrement que pour un pixel en trop..
Je ne sais pas trop quelle partie de mon code vous donnez, vu que j'ai à peu près tout fait en même temps.. Pour information, j'ai google chrome mais ça se voit aussi sous firefox (et sûrement explorer), et ma co-admin la voit aussi, donc ça ne vient pas de la taille de mon écran..
Si vous voulez voir en vous même le problème sur mon forum (non test, mais je n'ai que ça..) : http://the-legend.bbfr.net/
Je remercie d'avance quiconque s'attardera sur mon problème ♥ |
Dernière édition par tmup le Dim 19 Aoû 2012, 17:56, édité 1 fois | |
| | | Damudo No Kyoku
{ Membre }
Messages : 54
| Hey ! Déjà, commençons par centrer ta banière. :3 - Bawai, elle est pas centrée sur les petits écrans comme le mien. ^^' - - Code:
-
#i_logo { width: Xpx; /** Largeur du header **/ marrgin-left: -Xpx; /** X étant la moitié de la largeur **/ left: 50%; } Voilà, ça devrait marcher. :3 Ensuite, enlever le scrolling horizontal : - Code:
-
body { overflow-x: hidden; overflow-y: auto; } Mais, bien sûr, le mieux serait de mettre la bannière en background no-repeat top center en image de fond [ pardon, je suis pas très clair, des fois. x) ] , pour mettre ensuite une bannière invisible par dessus, pour faire le lien vers l'accueil... - Code:
-
body { background: url('http://img15.hostingpics.net/pics/573602design28.png') top center no-repeat; } Ensuite, rajouter, à la place de la bannière, une image transparente, comme celle ci : https://2img.net/r/hpimg15/pics/718334imagetransparente.png . ^^ Bien sûr, je te conseille de prendre la seconde possibilité, qui est assure le plus d'accessibilité. :3 | | |
| | | tmup
{ Membre }
Messages : 17
| Je ne savais pas qu'elle n'était pas centrée, je croyais o: En tout cas, c'est fait !
Et j'ai pris la seconde option pour cacher la barre de défilement ! Je connaissais pas le overflow-x ou y, pour ça que je savais pas quoi faire >< J'avais déjà essayé de faire la seconde possibilité que tu m'as proposé au tout début, mais j'avais visiblement plus de mal avec la facilité... xD
En tout cas, merci de cette réponse rapide ! Je ne suis enfin plus embêtée par cette barre. x) | | |
| | | Damudo No Kyoku
{ Membre }
Messages : 54
| Re, désolé, mais j'ai vérifié, l'image ne se centre pas comme je le pensais. ._. Donc voilà le code pour mettre l'image en background, tout en conservant le fond d'origine : - Code:
-
body { background:url('http://img15.hostingpics.net/pics/573602design28.png') top center no-repeat, url('http://img15.hostingpics.net/pics/861723fondforum.png'); } Mais du coup, il va quand même falloir mettre l'image transparente. ^^' Donc tu la met exactement comme si c'était une bannière. :3 Ensuite, il te suffit de la redimenssionner pour qu'elle aille bien avec ce que tu voulais faire... Quitte à la mettre en position: absolute; et décaler le cadre du fow'. Mais sans le centrage, ton forum rend pas très bien, et c'est dommage, parce qu'il est très classe. *-* Donc du coup, mets l'image que je t'ai donné à la place de ta bannière, je te ferai le CSS de redimenssionnement si nécessaire. ^^ | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Attention Damudo il y a des fautes dans ton code O.o En tout cas, on ne met pas deux images en fond (oui, je sais, c'est possible en CSS3 mais internet explorer va pas aimer) Tmup, as tu autre chose à ajouter ou bien tu souhaites t'arrêter là ? | | |
| | | Psycho
Psychopathe
Messages : 3407
| Hello (: N'ayant toujours pas obtenu de réponse, je considère ce sujet comme résolu ! Merci de ta compréhension | | |
| | | Contenu sponsorisé
| | | | | Barre de défilement horizontale en bas du forum [résolu] | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|