[HTML] Centrer un bandeau dans une page [Fermé]

Signaler
Messages postés
20
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
10 février 2009
-
Messages postés
20
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
10 février 2009
-
Bonjour,

Je me permets de créer ce message car je n'ai pas trouvé de réponse malgré mes recherches sur ce forum. En fait, j'aimerai savoir s'il est possible de centrer un bandeau, quelle que soit la résolution de l'écran. En effet, je compte utiliser un bandeau 1600 X 126 pour mon site internet, et créer des zones réactives (à l'aide de dreamweaver) sur les boutons que j'ai créé, au centre de celui-ci, afin que n'importe quelle résolution puisse les afficher

Cependant, dès que la résolution est plus basse (1024, 800) le bandeau est systématiquement collé sur le côté gauche, et les boutons disparaissent donc sur la droite de l'écran. J'ai remarqué qu'il est possible de corriger ce problème en faisant de ce bandeau un fond d'écran
(avec :
body {
background-image: url(accueil/fondsite.jpg);
background-position: top center;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
)

Mais ce n'est pas une solution, car alors je ne peux plus créer de zone réactive ! De même, j'ai essayé en la mettant dans un tableau, en utilisant margin:50%,... Rien n'y fait, le bandeau reste toujours collé à gauche, dès qu'il est trop grand par rapport à la résolution

Auriez vous une solution? Je vous remercie par avance. Je précise que je n'utilise pas de CSS pour le moment.

Cordialement,

Milrael

4 réponses

Messages postés
20
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
10 février 2009
63
Toujours personne pour me donner une petite astuce me permettant de centrer correctement un bandeau en haut de page?
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 65492 internautes nous ont dit merci ce mois-ci

Messages postés
117
Date d'inscription
mardi 14 août 2007
Statut
Membre
Dernière intervention
28 août 2008
49
Slt,

faut faire quelquechose comme ça :

width:...;
height:...;

position:absolute;
left: 50%;

margin-left: -512px; /* moitié de la largeur de l'image */
Messages postés
20
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
10 février 2009
63
Ok, merci pour cette aide :)

je viens te de tester tout ça mais ces éléments ne semblent pas être pris en compte, ou dois je donc les mettre? dans le head?

Mon body, avec un tableau, ressemble à celui-ci :

<table width="200" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center"><img src="navigation/bandeau_site.png" width="1600" height="126"></div></td>
</tr>

</table>


Si je les mets dans le tableau ou à l'intérieur de la balise <img>, ceci ne semble pas pris en compte, quelqu'un pourrait m'aider avec ça?
Messages postés
20
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
10 février 2009
63
Je me permets d'up à nouveau le sujet

Quelqu'un aurait-il une idée ou une solution à me proposer pour résoudre mon problème?