Bonjour
Pour une assoc, pour qui je fais du développement html et php.
J'ai un container entre un <div> et un </div>, ce container contient diverses choses qui lui donnent une dimension en x et y, pas de problème ( Je suis obligé de mettre un <hr> après une série de container float : left; , pour que le container initial prenne bien la dimension qui lui est alloué par son contenu. )
Donc, voilà ma question: ce container initial doit contenir une image jpeg en background, ce que je fais de la manière classique, dans le fichier style.css
div.<classe_du_container> {
background-image : url(pathname_du_fichier_jpg);
background-repeat : no-repeat;
background-position : top left;
<...>
}
Donc, je veux, à la fois 1) que les containers contenus dans ce container initial, héritent de l'image en background sans déformation, ce qui est bien le cas sans rien déclarer dans les classes de ces containers fils, puisque ces containers héritent par défaut du container initial père, et 2) que l'image en background du container initial père, soit contenue entièrement dans ce container père, donc que sa largeur épouse celle du container père.
Théoriquement, le livre de Raphaël Goetter "Design en CSS2" ( ou un titre comme çà, je ne l'ai pas sous la main maintenant ), indique que la propriété bacground-position peut accepter un pourcentage, donc en mettant 100% en plus de top left, je n'arrive pas plus à obtenir que l'image soit de même dimension que le container père.
Donc, voilà mon problème: Etant donné une image en background dans un container, comment faire pour qu'elle s'affiche entièrement dans le container, sans qu'il n'y ait des parties de l'image qui n'apparaissent pas à l'écran ? ( Ceci en largeur actuellement, évidemment on ne peut pas exiger que les proportions de l'image soient modifiées pour s'adapter à celles du container... )
Merci beaucoup de vos réponses.
Jean-François Ortolo
Pour une assoc, pour qui je fais du développement html et php.
J'ai un container entre un <div> et un </div>, ce container contient diverses choses qui lui donnent une dimension en x et y, pas de problème ( Je suis obligé de mettre un <hr> après une série de container float : left; , pour que le container initial prenne bien la dimension qui lui est alloué par son contenu. )
Donc, voilà ma question: ce container initial doit contenir une image jpeg en background, ce que je fais de la manière classique, dans le fichier style.css
div.<classe_du_container> {
background-image : url(pathname_du_fichier_jpg);
background-repeat : no-repeat;
background-position : top left;
<...>
}
Donc, je veux, à la fois 1) que les containers contenus dans ce container initial, héritent de l'image en background sans déformation, ce qui est bien le cas sans rien déclarer dans les classes de ces containers fils, puisque ces containers héritent par défaut du container initial père, et 2) que l'image en background du container initial père, soit contenue entièrement dans ce container père, donc que sa largeur épouse celle du container père.
Théoriquement, le livre de Raphaël Goetter "Design en CSS2" ( ou un titre comme çà, je ne l'ai pas sous la main maintenant ), indique que la propriété bacground-position peut accepter un pourcentage, donc en mettant 100% en plus de top left, je n'arrive pas plus à obtenir que l'image soit de même dimension que le container père.
Donc, voilà mon problème: Etant donné une image en background dans un container, comment faire pour qu'elle s'affiche entièrement dans le container, sans qu'il n'y ait des parties de l'image qui n'apparaissent pas à l'écran ? ( Ceci en largeur actuellement, évidemment on ne peut pas exiger que les proportions de l'image soient modifiées pour s'adapter à celles du container... )
Merci beaucoup de vos réponses.
Jean-François Ortolo