[HTML] Centrer un bandeau dans une page

Fermé
Milrael Messages postés 20 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 10 février 2009 - 28 août 2008 à 09:51
Milrael Messages postés 20 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 10 février 2009 - 3 sept. 2008 à 13:45
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
A voir également:

4 réponses

Milrael Messages postés 20 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 10 février 2009 69
3 sept. 2008 à 13:45
Toujours personne pour me donner une petite astuce me permettant de centrer correctement un bandeau en haut de page?
1
absurdsystem Messages postés 117 Date d'inscription mardi 14 août 2007 Statut Membre Dernière intervention 28 août 2008 50
28 août 2008 à 11:20
Slt,

faut faire quelquechose comme ça :

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

position:absolute;
left: 50%;

margin-left: -512px; /* moitié de la largeur de l'image */
0
Milrael Messages postés 20 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 10 février 2009 69
28 août 2008 à 12:07
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?
0
Milrael Messages postés 20 Date d'inscription jeudi 28 août 2008 Statut Membre Dernière intervention 10 février 2009 69
29 août 2008 à 16:02
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?
0