superposition d'images
Modérateur : chinon37
superposition d'images
Bonjour,
j'ai vu sur le net qu'il était possible de superposer des images,
connaissez-vous un code html applicable dans kompozer qui permet de le faire.
Merci d'avance pour vos réponses.
j'ai vu sur le net qu'il était possible de superposer des images,
connaissez-vous un code html applicable dans kompozer qui permet de le faire.
Merci d'avance pour vos réponses.
Re: superposition d'images
Bonjour
A priori, ce ne sera pas du code HTML mais du code CSS.
http://sapajou.be/test.html
Le document contient deux images qui se superposent partiellement (ou complètement si l'on change la règle CSS).
A priori, ce ne sera pas du code HTML mais du code CSS.
http://sapajou.be/test.html
Le document contient deux images qui se superposent partiellement (ou complètement si l'on change la règle CSS).
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>test</title>
<style type="text/css">
.img2 {position: relative; left: -20px; top: -20px}
</style>
</head><body>
<img style="width: 38px; height: 48px;" alt="Calc" src="images/libocalc.png">
<img style="width: 39px; height: 48px;" alt="Writer" src="images/libowriter.png" class="img2">
</body></html>
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Re: superposition d'images
Merci pour cette réponse rapide, ça à l'air de fonctionner, en fait ce qui m'intéresse surtout c'est qu'une ou plusieurs images soient placées
devant une autre (plus grande) de fond, comme je débute en création de site je ne connais pas vraiment les règles css...
Que faut-il que je change dans le code pour obtenir cela?
Merci d'avance
devant une autre (plus grande) de fond, comme je débute en création de site je ne connais pas vraiment les règles css...
Que faut-il que je change dans le code pour obtenir cela?
Merci d'avance
Re: superposition d'images
Bonjour
Dans ce cas, il est peut-être plus approprié de disposer l'image de fond en position... d'image de fond.
Sélectionner l'objet qui doit supporter l'image de fond
Si nécessaire, lui attribuer un id-entificateur ou une class-e
Dans l'éditeur de styles de KpZ, attribuer l'image de fond (onglet "fond")
Une petite maîtrise minimale de CSS est sans doute un "plus". J'irais me former du côté de http://josar.free.fr/tutoKompozer/miseEnFormePlan.html
Dans ce cas, il est peut-être plus approprié de disposer l'image de fond en position... d'image de fond.
Sélectionner l'objet qui doit supporter l'image de fond
Si nécessaire, lui attribuer un id-entificateur ou une class-e
Dans l'éditeur de styles de KpZ, attribuer l'image de fond (onglet "fond")
Une petite maîtrise minimale de CSS est sans doute un "plus". J'irais me former du côté de http://josar.free.fr/tutoKompozer/miseEnFormePlan.html
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Re: superposition d'images
oui mais en définissant l'image comme fond d'écran elle ne pourra plus s'adapter à différentes résolutions d'écran (width: 100%).
Je suis aussi entrain de m'intéresser au images à zones cliquable mais pour l'instant ça a pas l'air facile et je ne suis pas certain qu'elles aussi puissent s'adapter automatiquement aux différentes résolutions.
Je suis aussi entrain de m'intéresser au images à zones cliquable mais pour l'instant ça a pas l'air facile et je ne suis pas certain qu'elles aussi puissent s'adapter automatiquement aux différentes résolutions.
Re: superposition d'images
Exact. Mais comme fond d'autre chose qui aurait une taille plus réduite (un paragraphe, un bloc <div>,...), pas trop de question à se poser.ramirez a écrit :oui mais en définissant l'image comme fond d'écran elle ne pourra plus s'adapter à différentes résolutions d'écran (width: 100%).
En même temps, une image qui occuperait toute la surface de l'écran, ce n'est pas toujours top au niveau graphique.
Aucune adaptation possible non plus.ramirez a écrit :Je suis aussi entrain de m'intéresser au images à zones cliquable mais pour l'instant ça a pas l'air facile et je ne suis pas certain qu'elles aussi puissent s'adapter automatiquement aux différentes résolutions.
Pour ce genre d'exercice, penser à utiliser Gimp ou OpenOffice ou LibreOffice qui font ça de manière tout à fait simple. Il y a plusieurs fils qui en parlent, dans ce forum (et ailleurs).
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités