Discussion :

[khany]

Bonjour !

En cherchant pour positionner une image sur ma page, j'ai trouvé :

http://www.developpez.net/forums/vie...position+image

mais, quelques explications seraient les bienvenues

Si je tape :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a href="intro.htm" target="_blank"><div style="display": none; position: absolute; top: 75px; left: 10px;"><img src="./home1.jpg" border="0"></div></a>

Mon image se positionne juste en dessous de l'image de l'instruction précédente (c'est un menu) !

J'aimerais que cette image (Home, vous avez compris) soit toujours à 1 cm du bas de ma page et à 1 cm du bord gauche.

Pouvez-vous m'aider et m'expliquer ?

Merci

[SpaceFrog]

Kikoo khany
Que veux tu dire par toujours en bas... en bas de la page et non visible si scroll il y a ou image fixe sur la page même quand on scrolle ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="intro.htm" target="_blank"><div style="display": none; position: absolute; bottom: 1cm; left: 1cm;"><img src="./home1.jpg" border="0"></div></a>

[khany]

Hello Space !

euh, au début, toujours en bas de page même s'il y a scroll sinon je suppose que c'est encore plus hard autrement car l'image doit suivre les valeurs du scroll, je suppose !

Je teste ta correction

[SpaceFrog]

ben tu peux faire une image fixe qui restera en bas de ta page même sur le scroll...

tu peux mettre une image qui sera en bas de l'écran mais qui montra avec le scroll

tu peux mettre une image tout en bas de la page mais pour la voir il faudra scroller jusqu'en bas ...

dans quelle options est tu ?

[khany]

j'ai pas de déplacement de l'image elle reste collée au dernier élément du menu.

Je remarque aussi que </div> et </a> ne se colorent pas donc, je suppose qu'il y aurait une erreur de syntaxe :

[SpaceFrog]

<a href="intro.htm" target="_blank"><div style="display": none; position: absolute; bottom: 1cm; left: 1cm;"><img src="./home1.jpg" border="0"></div></a>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="intro.htm" target="_blank"><div style="display: none; position: absolute; bottom: 1cm; left: 1cm;"><img src="../home1.jpg" border="0"></div></a>

deux erreurs de syntaxe ...

[SpaceFrog]

heu et display:none veut dire ne pas afficher...

mets display:block à la place ...

[khany]

je suis une "nonne" en HTML

J'essaie !

Je pense prendre la troisième option au départ

[khany]

Impec ! ca déplace bien l'image

Par contre, le Href ne fonctionne pas !

Intro.htm (renommée depuis Index.htm) est ma page de lancement donc, je voudrais qu'elle réapparaisse comme à l'arrive sur le site en cliquant sur l'image "home" mais rien ne se produit, je n'ai pas le curseur 'main' qui indique un lien (serait-ce le 'block' ???)

Si cela ne t'ennuie pas trop, peux-tu me donner le code des autres placement de l'image, pour apprendre

Merci !

[Edit] le href fonctionne encore une bétise de ma part