Positionner image fixed
ludocorpe
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
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 =)
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:
- Positionner image fixed
- Image iso - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Légender une image - Guide
- Image gratuite - Guide
1 réponse
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
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