superposition d'images

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

ramirez

superposition d'images

Message par ramirez »

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.
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: superposition d'images

Message par Ymai »

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).

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.
ramirez

Re: superposition d'images

Message par ramirez »

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
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: superposition d'images

Message par Ymai »

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
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
ramirez

Re: superposition d'images

Message par ramirez »

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.
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: superposition d'images

Message par Ymai »

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%).
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.
En même temps, une image qui occuperait toute la surface de l'écran, ce n'est pas toujours top au niveau graphique.
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.
Aucune adaptation possible non plus.
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.
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités