PB avec les layers

Marsh Posté le 22-04-2003 à 16:59:37

JE vudrai faire se superposé une petite image (un point rouge en fait) sur une autre en utilisant des coordonnées.
j'ai dc voulu utiliser les layers mais ça marche pas, les images sont l'une a cote de lotre mais pas l'1 sur l'otre, voici mon code :

<layer>
<img src="00o.gif" widht="500" heigth="400" left="100" top="100">
</layer>
<layer>
<img src="point.gif" left="100" top="100" background="point.gif">
</layer>

Reply

Marsh Posté le 22-04-2003 à 16:59:37

Reply

Marsh Posté le 22-04-2003 à 17:13:13

Il faut utiliser les CSS et le positionnement absolu (voir la FAQ).

<layer> est une balise spécifique à Netscape 4 et à lui seul...

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 22-04-2003 à 17:23:33

gm_superstar a écrit :

Il faut utiliser les CSS et le positionnement absolu (voir la FAQ).

<layer> est une balise spécifique à Netscape 4 et à lui seul...

gniii

Reply

Marsh Posté le 22-04-2003 à 17:38:16

Tu dois utiliser le positionnement absolu, pour placer précisément un élément dans une page HTML.

On se contente de ça pour le code HTML :

Et les CSS associés :

img#monImage {
position: absolute;
top: 100px;
left: 100px;
}

img#point {
position: absolute;
top: 100px;
left: 100px;
}

Voir la FAQ (ma signature) pour voir comment déclarer des CSS.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 22-04-2003 à 18:29:33

Arf, quand il parle de layer, j'imagine qu'il veut parler des layers de dreamweaver... :sarcastic:

M'enfin bon, comme l'a dit GM, il faut utiliser les positionnements absolus et également te mettre sérieusement aux CSS. Voir la FAQ de GM et ensuite poser d'éventuelles questions sur tel ou tel aspect.

Reply

Marsh Posté le 23-04-2003 à 10:37:14

thx :jap:

Reply

Marsh Posté le 23-04-2003 à 12:30:32

gm_superstar a écrit :

Tu dois utiliser le positionnement absolu, pour placer précisément un élément dans une page HTML.

On se contente de ça pour le code HTML :

Et les CSS associés :

img#monImage {
position: absolute;
top: 100px;
left: 100px;
}

img#point {
position: absolute;
top: 100px;
left: 100px;
}

Voir la FAQ (ma signature) pour voir comment déclarer des CSS.

ça me donne ça :
html>

<head>

<title></title>
<style type="text/css">
img#monImage {
position: absolute;
top: 100px;
left: 100px;
}
img#point {
position: absolute;
top: 100px;
left: 100px;
}
</style>
</head>
<body>

<img src="00o.gif" id="monImage" widht="500" heigth="400">
<img src="point.gif" id="point">

</body>
</html>
mais qd je change les valeurs de :
img#point {
position: absolute;
top: 100px;
left: 100px;
}
en ça :
img#point {
position: absolute;
top: 300px;
left: 500px;
}
bah mon point ne change pas de place il reste en hauit a gauche de la page

Reply

Marsh Posté le 23-04-2003 à 12:43:31

Il y a un lien vers la page ?

Sinon il y a un "widht" à remplacer par "width" dans le premier tag <img>

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 23-04-2003 à 13:51:25

ha ben en fait ça marche, c'est que webexpert m'a ouvert le fichier temporaire HTLM de ce que j'avais fait et bien evidement il etait pas modifié celui la lol.
Je voulais savoir aussi si je peux mettre les valeurs Top et left en variables que je pourrai changer dans une fonction ?
Comme ça je pourrai changer la position du point comme je veux en entrant les valeurs des positions a l'appel de la fonction.
Dsl chui chiant

Reply

Marsh Posté le 23-04-2003 à 22:47:59

Essaye avec :

point = document.getElementById("point" );
point.style.top = "200px";

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 23-04-2003 à 22:47:59

Reply

Marsh Posté le 28-04-2003 à 11:01:49

en fait ce que je voudrai faire c'est qq chose de c style :
function Changer(xxx,yyy){
img#point {
position: absolute;
top: xxx px;
left: yyy px;
}
}
Pour la fonction.

Avec en style :
<style type="text/css">
img#point {
position: absolute;
top: 200px;
left: 500px;
}
</style>

et en body :
<body>
<img src="point.gif" id="point">
<input type="button"
onclick="Changer(400,400)"
value="Call function">
</body>

mais bien evidement ça marche po

Message édité par albertos le 28-04-2003 à 11:02:05

Reply

Marsh Posté le 28-04-2003 à 15:09:33

upp

Reply

Marsh Posté le 28-04-2003 à 15:14:32

plutôt un truc dans ce style:

function Changer(xxx,yyy){
p = document.getElementById('point';
p.style.position = "absolute";
p.style.top = "xxxpx";
p.style.left = "yyypx";
}

(syntaxe aproximative)

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire

Reply

Marsh Posté le 05-05-2003 à 13:43:19

ya qq chsoe pr debugger en html ?
j'ai une erreur sur la fonction je c pas d'ou elle vient ?

Reply

Marsh Posté le 05-05-2003 à 14:10:39

ça plante en fait avec les :
p.style.top = "xxxpx";
p.style.left = "yyypx";

de la fonction, "argument non valide"
comment je peux faire pr qu'il prenne en compte mes variables ?

Reply

Marsh Posté le 05-05-2003 à 14:13:51

Heu... Il faut concaténer les valeurs de xxx et yyy avec "px" :

p.style.top = xxx+"px";
p.style.left = yyy+"px";

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 05-05-2003 à 15:06:10

t1 g pas de tete
merci bcp ça marche :jap: :love: