Positionner image fixed

Fermé
ludocorpe - 23 oct. 2013 à 12:18
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 23 oct. 2013 à 13:45
Bonjour,

Je voudrais mettre deux images en position: fixed sur ma page, une à droite et une à gauche, le problème est que lorsque j'en positionne une je ne peux plus bouger l'autre....

#image1
{
position: fixed;
margin-left: 250px;
margin-top: 250px;
width: 700px;
}

#image2
{
width: 550px;
position: fixed;
margin-left: 250px;
}

image1 est correctement positionnée mais image2 ne bouge plus....

merci d'avance =)
A voir également:

1 réponse

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 23/10/2013 à 13:57
Bonjour
essaie ca

#image1
{
position: fixed;
left: 250px;
top: 250px;
width: 700px;
height: la hauteur de l'image en px;
background-image : url (chemin vers image1.jpg);
}

#image2
{
position: fixed;
top:0;
left: 250px;
width: 550px;
height: la hauteur de l'image en px;
background-image : url (chemin vers image2.jpg);
}

et le html

<div id="image1><div>
<div id="image2><div>

si ton image est cliquable (lien) tu retire les lignes css background-image et insère les images dans les div corresopndante avec img src

la les 2 images sont a gauche (à 250px de la gauche), si tu veux a droite tu fais float:right; et ajuster le margin

Un petit merci vaut mieux qu'une grande ignorance
0