PB avec les layers

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : PB avec les layers

albertos

kikoo

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>

Publicité

gm_superstar

Appelez-moi Super

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

albertos

kikoo

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

gm_superstar

Appelez-moi Super

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

Hermes le Messager

Breton Quiétiste

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.

albertos

kikoo

thx :jap:

albertos

kikoo

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

gm_superstar

Appelez-moi Super

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

albertos

kikoo

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

gm_superstar

Appelez-moi Super

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

Publicité

albertos

kikoo

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

albertos

kikoo

upp

antp

Champion des excuses bidons

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

albertos

kikoo

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

albertos

kikoo

ç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 ?

gm_superstar

Appelez-moi Super

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

albertos

kikoo

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

gm_superstar

Appelez-moi Super

Nan c'est de la faute d'antp

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

FORUM HardWare.fr

Programmation

HTML/CSS

PB avec les layers

Sujets relatifs
[HTML,JS] Probleme avec des layers sous Nescape	layers id
(D)HTML + layers + netscape	[Javascript - HTML] Layers on top
[PHP / Javascript / HTML] Et en utilisant les layers???
Plus de sujets relatifs à : PB avec les layers

Page générée en 0.066 secondes