Placer un calque precisement a cote d'une image, quelque soit la resol

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Placer un calque precisement a cote d'une image, quelque soit la resol

-VDV-

Et pas DVD ! Lisez mieux !

Parce que je veux faire un menu masquable
Donc je voudrais le placer precisement a cote du bouton "menu"
Le prob : des qu'on redimensionne la fenetre ou autre, bah il est plus au bon endroit...

Donc bah, il doit bien y avoir une fonction en javascript pour faire ca
Et je vous la demande a present

Publicité

gm_superstar

Appelez-moi Super

Avec le positionnement relatif.

<img ...>
<div id="menu">...</div>

div#menu {
position: relative;
top: -40px;
left: 50px; /*par exemple*/
}

Tu utilises les propriétés top, left, right et bottom pour déplacer le <div> par rapport à la position qu'il aurait eu s'il n'avait pas été déplacé.

Message édité par gm_superstar le 11-10-2002 à 18:23:47

-VDV-

Et pas DVD ! Lisez mieux !

bah... apparement il prend pas en compte ce que je lui precise niveau position
et pire... il n'apparait pas PAR DESSUS le reste de la page, donc comme son code est mis au niveau d'un tableau, bah le tableau s'en trouve "deforme"

gm_superstar

Appelez-moi Super

Montre le code ou le site.

-VDV-

Et pas DVD ! Lisez mieux !

Dans l'en tete de ma page :

Code :

div#menulayer {
position: relative;
top: -50px;
visibility: hidden;
}
<script type="text/javascript">
visible=0
function affmenu()
{
if (visible==0)
{
visible=1
menubouton.src="inploy.png"
menulayer.style.visibility="visible"
}
else
{
visible=0
menubouton.src="deploy.png"
menulayer.style.visibility="hidden"
}
}
</script>

Au niveau du corps :

Code :

<img id="menubouton" src="deploy.png" onclick="affmenu()" width="62" height="18" align="right" >
<div id="menulayer">
Test 1<br>
Test 2<br>
Test 3
</div>

bah euh... vala, le calque est place bizarrement, et les valeurs que je mets pour top ou left ne changent rien :'(

gm_superstar

Appelez-moi Super

Déjà, vire le align="right" dans l'image, ça ne se fait plus. Utilise plutôt :

img#menubouton {
float: right;
}

Ensuite tu vas faire pareil pour ton menu :

img#menubouton {
float: right;
}

Ca devrait plaque le <div> à gauche de l'image. Si sa position ne te plait pas tu pourras ensuite le déplacer avec position: relative; et top, left...

Et un dernier truc, si tu veux que ton site passe aussi avec Mozilla, utilise getElementById() pour accéder aux objets du document :

bouton = document.getElementById("menubouton" );
menu = document.getElementById("menulayer" );

...

bouton.src = "inploy.png";
menu.style.visibility = "visible";

...

Message édité par gm_superstar le 11-10-2002 à 19:11:35

-VDV-

Et pas DVD ! Lisez mieux !

Alors apres divers test
il semblerait qu'a partir du moment ou je passe le calque en "relative", tout merde... dans le sens ou il n'est pas en superposition sur le reste de la page
en absolu c nikel MAIS c pas ce que je veux, vu que si on bouge la fenetre, tout merde

heeeeeeelp :cry:

gm_superstar

Appelez-moi Super

Tu peux mettre ta page en ligne ? parce que là tu n'apporte aucune information supplémentaire...

FORUM HardWare.fr

Programmation

HTML/CSS

Placer un calque precisement a cote d'une image, quelque soit la resol

Sujets relatifs
image	Comment disposer une image au sein d'un texte... (CSS inside).
image en background dans une "shoutbox"	calculer la position d'un calque...
[flash] charger une image	Comment centrer une image dans une popup??
[DirectX] Appeller un éxecutable en cours de jeux, et avoir son "image	Comment redimmensionner une image sous netscape en JS
[wap] image sauvegardable	[javascript] faire un onMouseOver sur une image
Plus de sujets relatifs à : Placer un calque precisement a cote d'une image, quelque soit la resol

Page générée en 0.064 secondes