Comment centrer cette bannière ?
13 messages • Page 1 sur 1
Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics
- Sam Trader
- WRInaute discret

- Messages: 97
- Inscription: Mar Mai 29, 2007 11:43
Comment centrer cette bannière ?
Bonjour,
Je n'arrive pas à placer cette bannière au centre, sur les grandes résolutions elle est décalée à gauche, que dois-je faire ?
Vous pourrez constater par vous même : -www.bookmakers-sports.com-
Ci joint le CSS associé :
#banniere
{
position:absolute;
width:468px;
height:60px;
z-index:1;
left: 299px;
top: 10px;
margin-right:10px;
}
PS: je l'utilise sous la forme div id=bannière.
Je n'arrive pas à placer cette bannière au centre, sur les grandes résolutions elle est décalée à gauche, que dois-je faire ?
Vous pourrez constater par vous même : -www.bookmakers-sports.com-
Ci joint le CSS associé :
#banniere
{
position:absolute;
width:468px;
height:60px;
z-index:1;
left: 299px;
top: 10px;
margin-right:10px;
}
PS: je l'utilise sous la forme div id=bannière.
plop :p
Et pour reprendre une partie de ta css tu peux aussi faire comme ça:
tu peux aussi appliquer une couleur de fond pour éviter les différences d'affichage d'un browser à l'autre :
et même mettre le no-reppeat sur la même ligne:
à adapter à ta css et le conteneur de ta bannière
Et pour reprendre une partie de ta css tu peux aussi faire comme ça:
- Code: Tout sélectionner
#bannniere {
position: absolute;
left: 50%;
top: 50%;
padding: 0;
display: block; /* c'est mieux*/
width: 468px;
height: 60px;
margin-left: -234px;
margin-top: -30px;
background-image: url('chemin/nomImage.extension');
/* par exemple: url('images/ban.jpg'); ou : url('http://www.tonsite.com/images/ban.jpg') si la bannière doit s'afficher sur une page non à la racine du site */
background-repeat: no-repeat;
}
tu peux aussi appliquer une couleur de fond pour éviter les différences d'affichage d'un browser à l'autre :
- Code: Tout sélectionner
#codeCouleur url('chemin/nomImage.extension');
et même mettre le no-reppeat sur la même ligne:
- Code: Tout sélectionner
background: #fff url('img/ban.jpg') no-repeat;
à adapter à ta css et le conteneur de ta bannière
-

nickargall - WRInaute accro

- Messages: 5329
- Inscription: Lun Juin 13, 2005 14:13
Euh sinon pour réduire, je crois qu'on peut même mettre
ça fonctionne aussi.
- Code: Tout sélectionner
#banniere
{
width:468px;
height:60px;
margin:auto;
}
ça fonctionne aussi.
nickargall a écrit:Euh sinon pour réduire, je crois qu'on peut même mettre
- Code: Tout sélectionner
#banniere
{
width:468px;
height:60px;
margin:auto;
}
ça fonctionne aussi.
Je sais pas s'il veut centrer en hauteur , autrement oui
- Sam Trader
- WRInaute discret

- Messages: 97
- Inscription: Mar Mai 29, 2007 11:43
Merci pour toutes vos réponses, je vais essayer tout ça !

- Sam Trader
- WRInaute discret

- Messages: 97
- Inscription: Mar Mai 29, 2007 11:43
Eh ben dis donc ...
Rien ne donne un meilleur résultat, j'ai essayé toutes vos possibilités, c'est toujours décalé d'une façon ou d'une autre.
J'aimerai simplement centrer la bannière :
width:468px;
height:60px;
suite ?
Rien ne donne un meilleur résultat, j'ai essayé toutes vos possibilités, c'est toujours décalé d'une façon ou d'une autre.
J'aimerai simplement centrer la bannière :
width:468px;
height:60px;
suite ?
j'arrive pas à voir ton site pour me rendre compte, mais étant en tunisie et vue le rapport du pays avec les jeux d'argent je ne suis pas étonné !
Il faudrait que tu précises la nature du pb rencontrée par l'ajout du code qu'on t'a proposé ici, notamment par e-kiwi, dont le code est pourtant correct. Sans ce que cela produit chez toi, c'est hard de te dire comment résoudre le pb.
T'as essayé d'ajouter un petit "clear:both;" (sans les guillemets) dans le code de la div d 'e-kiwi ?
a++
Il faudrait que tu précises la nature du pb rencontrée par l'ajout du code qu'on t'a proposé ici, notamment par e-kiwi, dont le code est pourtant correct. Sans ce que cela produit chez toi, c'est hard de te dire comment résoudre le pb.
T'as essayé d'ajouter un petit "clear:both;" (sans les guillemets) dans le code de la div d 'e-kiwi ?
a++
- boutdepapier
- WRInaute occasionnel

- Messages: 163
- Inscription: Ven Aoû 04, 2006 16:32
#banniere
{
text-align: center;
margin-top: -55px;
}
Firebug
{
text-align: center;
margin-top: -55px;
}
Firebug
- Sam Trader
- WRInaute discret

- Messages: 97
- Inscription: Mar Mai 29, 2007 11:43
Les codes que vous m'avez fourni permettent effectivement centrer la bannière, mais c'est carrément au centre la page, j'en ai besoin au centre au haut.
Pour ce qui est de la balise <center>, je l'ai déjà utilisé sur mes pages mais je n'avais pas pensé à le faire pour la bannière, je me vois mal répéter l'opération pour toutes les pages du site (101).
A moins que le <center> peut se mettre dans le CSS ?
Je vais essayer les nouvelles solutions proposées et je vous tiendrai au courant...
Pour ce qui est de la balise <center>, je l'ai déjà utilisé sur mes pages mais je n'avais pas pensé à le faire pour la bannière, je me vois mal répéter l'opération pour toutes les pages du site (101).
A moins que le <center> peut se mettre dans le CSS ?
Je vais essayer les nouvelles solutions proposées et je vous tiendrai au courant...
J'avais précisé que c'était à adapter au code html et la css du conteneur de la bannière... avec le code que je te proposais, ta bannière se centrait A L'INTERIEUR de son conteneur, et non sur ta page entière :p
à priori ta bannière est posée directement sur le body, aussi ce style:
accompagné de ce code html:
devrait être efficace, il faut bien sûr que tu remplaces le chemin d'image que j'ai mis par celui de ta ban.
fait attention en centrant que le texte qui apparait sur ton site en haut à gauche de ta page ne vienne pas se coller à l'image bannière... c'est à dire qu'il ait suffisamment de place pour s'afficher correctement.
le mieux serait que tu fasses une div header pour ton haut de page qui contiendrait, bien disposés, tous les éléments de ton haut de page: le texte, les liens, la bannière... tu serais plus tranquille
à priori ta bannière est posée directement sur le body, aussi ce style:
- Code: Tout sélectionner
#banniere {
position: absolute;
left: 50%;
padding: 0;
display: inline;
width: 468px;
height: 60px;
margin-left: -234px;
margin-top: 0;
background: #fff url('images/tonImage.extension') no-repeat;
/* par exemple: url('images/ban.jpg'); ou : url('http://www.tonsite.com/images/ban.jpg') si la bannière doit s'afficher sur une page non à la racine du site */
}
accompagné de ce code html:
<div id="banniere" title="Site de paris sportifs"></div>
devrait être efficace, il faut bien sûr que tu remplaces le chemin d'image que j'ai mis par celui de ta ban.
fait attention en centrant que le texte qui apparait sur ton site en haut à gauche de ta page ne vienne pas se coller à l'image bannière... c'est à dire qu'il ait suffisamment de place pour s'afficher correctement.
le mieux serait que tu fasses une div header pour ton haut de page qui contiendrait, bien disposés, tous les éléments de ton haut de page: le texte, les liens, la bannière... tu serais plus tranquille
13 messages • Page 1 sur 1
Formation recommandée sur ce thème :
Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.
Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.
Lectures recommandées sur ce thème :
- Les annonces illustrées de Google AdSense
- Annonces illustrées Google Adsense
- Sortie des Google Groups 2
- Des stats AdSense détaillées !
- Concours WRI / Vivastreet : gagnez un voyage à New-York
- Concours Alsa-WRI : changement de design
- Comment réussir vos parrainages AdSense
- Comment être numéro 1 sur Google ?
- Nouvelle étude de WebRankInfo : les mots-clés et le référencement
- L'essentiel à savoir sur l'oculométrie (Eye Tracking - suivi du regard)
- comment centrer un flash ?
- comment centrer mon site?
- Un avis sur ce site et comment le centrer
- Centrer le site...
- Centrer newsletter
- Centrer le Fond
- centrer un block
- CSS : centrer un div
- Centrer une page ?
- probleme ... centrer ma banniere ....
- Centrer un tableau vericalement
- Centrer menu CSS
- Center sans centrer...
- Centrer une image en CSS
- Pour centrer mon tableau ?
Qui est en ligne
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités




le forum