Centrer une bannière

par choubinette le Jeu 31 Jan - 18:19

Hello à tous,

Voilà je rencontre un problème non pas pour installer ma banière (quoique sur mozilla personne la voit..) mais plutôt pour la centrer !
Je souhaite faire une bannière de 650*288 environ, mais avec ce type de dimension je n'arrive pas à la center sur la page, et franchement c'est troooop vilain Evil or Very Mad

Vous pouvez voir sur mon blog l'ancienne banniére et comprendre ce que je veux dire.
Si quelqu'un est suceptible de m'aider, please faites le Laughing

Un gros merci !!!

Lilou

Ah ! Pffff qu'elle con !! Voici l'adresse de mon blog : http://misschoubinette.canalblog.com

par Demolite le Jeu 31 Jan - 19:03

Salut Choubinette,

Fais moi plaisir...si tu veux que tout le monde profite de ta belle bannière, mets moi vite ce bloc à la place du tien
dans ta feuille de style !

#topbar-logo {
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-width: 0px;
border-color: #99B2CC;
background: url("http://storage.canalblog.com/10/76/345784/19011501.png") no-repeat 0% 0%;
height: 384px;
display: block;
}

Ensuite, si tu ne veux pas toucher à la largeur de ta bannière et la laisser comme ça, tu peux ruser en collant ta bannière sur un fond aux bonnes dimensions c'est à dire 890x384, ensuite tu la centre et tu rends les côtés transparents.
et hop le tour est joué.

Mais ça sera quand même plus réglo de redimensionner ta bannière à 890x384...mais ça, c'est à toi de voir Wink

bye

par choubinette le Jeu 31 Jan - 22:46

Oh merci !!!!
Je n'avais pas du tout pensé à cette possibilité scratch

Mais l'idée est vraiment très très bonne ! Je viens de tester avec ma nouvelle bannière, et YEEEEEEEES !!! Ca marche cheers

Un gros merci !!

Bisous
Lilou

par Demolite le Jeu 31 Jan - 23:57

tu n'as pas mis le bloc dans ta feuille de style...
je ne la vois toujours pas ta bannière

par choubinette le Ven 1 Fév - 0:00

Ben si pourtant Suspect

Tiens regarde le bloc que j'ai :

#topbar-logo {
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-width: 0px;
border-color: #99B2CC;
background: url("http://storage.canalblog.com/87/54/345784/21645758.png") no-repeat 0% 0%;
height: 384px;
display: block;