[HTML] Centrer un bandeau dans une page
Milrael
Messages postés
20
Date d'inscription
Statut
Membre
Dernière intervention
-
Milrael Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
Milrael Messages postés 20 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Bandeau html css
- Editeur html - Télécharger - HTML
- Bandeau pub sur tv tcl - Forum Téléviseurs
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Comment enlever bandeau sur tv thomson - Forum Téléviseurs
4 réponses
Toujours personne pour me donner une petite astuce me permettant de centrer correctement un bandeau en haut de page?
Slt,
faut faire quelquechose comme ça :
width:...;
height:...;
position:absolute;
left: 50%;
margin-left: -512px; /* moitié de la largeur de l'image */
faut faire quelquechose comme ça :
width:...;
height:...;
position:absolute;
left: 50%;
margin-left: -512px; /* moitié de la largeur de l'image */
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?
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?
