Discussion :

[cbroissa]

Salut,

je veux placer une image dans un calque DIV en haut à droite de mon écran, sous IE ça fonctionne bien, mais sous firefox elle est placée n'importe où.

voici le code assez simple que j'utilise :

Code :

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

1
2
3
4
 
<div style='position:absolute; visibility=visible; top=10px; left=500px; z-index:1'>
<img src='image.gif' border='0'>
</div>

Merci pour votre aide.

[marsupix]

fixe la taille (width et height) de ta div.
selon l'utilisation de ton image (si c'est une image décorative) il vaut peut etre mieu la mettre en fond de la div:

Code :

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

1
2
3
4
#tadiv{
background-image:url('image.gif');
background-position: top left;  // pour mettre l'image en haut à gauche
}

[cbroissa]

ça ne change rien si je fixe la taille,
mon image en fait est un bouton avec un lien dessus (je ne l'ai pas mis dans le code pour simplifier) donc je ne peux pas le mettre en fond.

[ackan]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
* {
    margin: 0;
    padding: 0;
}
 
#bloc {
    position: absolute;
    right: 0;
    top: 0;
}

Voilà et applique l'id bloc à ton div.

[marsupix]

Si ton image es tun lien alors ne met pas

Code :

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

<a href="..."><img src="image.gif"/></a>

mais

Code :

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

<a href="..." id="lien_image"></a>

Code :

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

1
2
3
4
5
6
#lien_image{
display:block;
width: ...px;
height: ...px;
background:url('image.gif') no-repeat;
}

ensuite tu positionne ce lien (enfin le paragraphe <p></p> qui le contient) avec des margin ou autre... selon la structure de ta page...