Appliquer l'overflow a une image dans une div
Cecil_
Messages postés
10
Statut
Membre
-
le hollandais volant Messages postés 5294 Statut Membre -
le hollandais volant Messages postés 5294 Statut Membre -
Bonjour,
Je fais mon tout premier site internet et j'ai un soucis. J'ai une div dans laquelle j'ai plusieurs vignettes image. Comme il y en a beaucoup, j'ai mis un overflow:auto et l'ont peut scroller dans ma div sans soucis pour pouvoir avoir acces a toutes les vignettes. Pour une seconde page, j'ai dans ma div juste une image jpg qui rentre tres bien en largeur mais qui est trop grande en hauteur. Je ne veux pas du tout l'ajuster a ma div et non plus agrandir ma div, j'aimerais juste que comme pour mes sections avec des vignettes on puisse scroller verticalement pour voir l'integralite de l'image. Bien sur le scroll ne marche pas... Est ce que cela vient du fait qu'il n'y ai qu'une image dans ma div ?
Voici mon code :
HTML:
<div id="pagelivraison">
</div>
CSS:
#pagelivraison {
background:url(img/livraison.jpg) no-repeat;
overflow:auto;
width:720px;
height:443px;
}
Mon image se rogne en 720/443 ...
Merci d'avance pour votre aide
Je fais mon tout premier site internet et j'ai un soucis. J'ai une div dans laquelle j'ai plusieurs vignettes image. Comme il y en a beaucoup, j'ai mis un overflow:auto et l'ont peut scroller dans ma div sans soucis pour pouvoir avoir acces a toutes les vignettes. Pour une seconde page, j'ai dans ma div juste une image jpg qui rentre tres bien en largeur mais qui est trop grande en hauteur. Je ne veux pas du tout l'ajuster a ma div et non plus agrandir ma div, j'aimerais juste que comme pour mes sections avec des vignettes on puisse scroller verticalement pour voir l'integralite de l'image. Bien sur le scroll ne marche pas... Est ce que cela vient du fait qu'il n'y ai qu'une image dans ma div ?
Voici mon code :
HTML:
<div id="pagelivraison">
</div>
CSS:
#pagelivraison {
background:url(img/livraison.jpg) no-repeat;
overflow:auto;
width:720px;
height:443px;
}
Mon image se rogne en 720/443 ...
Merci d'avance pour votre aide
A voir également:
- Appliquer l'overflow a une image dans une div
- Légender une image - Guide
- Créer une image iso - Guide
- Desinstaller une application sur windows - Guide
- Comment supprimer une application préinstallée sur android - Guide
- Rechercher une image - Guide
1 réponse
Salut !
Met plutôt le css en "overflow: scroll;".
Ensuite, ce système ne marche que pour les images insérés en HTML, avec la balise <img src="" alt="" />.
Ici, tu semble mettre ton image en fond via du CSS. Ça ne marche pas.
J'ai bien une autre solution, mais j'aurais besoin des dimensions de ton image.
Met plutôt le css en "overflow: scroll;".
Ensuite, ce système ne marche que pour les images insérés en HTML, avec la balise <img src="" alt="" />.
Ici, tu semble mettre ton image en fond via du CSS. Ça ne marche pas.
J'ai bien une autre solution, mais j'aurais besoin des dimensions de ton image.