Image dans div
Résolu
Bonjour,
j'ai créer une div "bandeau" pour mettre une image au niveau du titre et juste au dessus d'une menu horizontal. Seul petit soucis l'image ne s affiche pas correctement, il y a une bordure en haut blanche, j'i tester border-top: none; mais ça ne change rien, et l'image se repete, j'ai donc mis background repeat- no-repeat; mais du coup l'image fait seulement la moitié de la largeur de l'écran. Merci de bien vouloir m'éclairer !
j'ai créer une div "bandeau" pour mettre une image au niveau du titre et juste au dessus d'une menu horizontal. Seul petit soucis l'image ne s affiche pas correctement, il y a une bordure en haut blanche, j'i tester border-top: none; mais ça ne change rien, et l'image se repete, j'ai donc mis background repeat- no-repeat; mais du coup l'image fait seulement la moitié de la largeur de l'écran. Merci de bien vouloir m'éclairer !
5 réponses
-
salut essaye :
background-size: cover;
-
Bonjour, merci pour votre répone ca ffiche bien l'image dans la longueur, par contre toujours cette bordure blanche en haut de page
-
salut, donne nous un peu de ton code que l'on y voit plus clair:)
-
@charset "utf-8";
/* CSS Document */
div {
text-align:center;
}
div#bandeau {
width: auto;
height:150px;
background:url("toulon.jpg") ;
background-repeat : no-repeat;
background-size:cover;
Voila pour le bandeau
________________________________________
et le HTML
<body>
<div id="bandeau"><h1 align="center" style="font-size: xx-large; color: #00008B;">Bienvenue ...</h1>
</div>
Et petite précision cela fait juste ça lors d'une div, avec un background prenant toute la page ça fonctionne très bien -
Probleme résolu, c'était une bordure blanche du au titre h1.
