margin rightRésolu/Fermé

Question

Bonjour,
J'ai un petit problème quand j'essaie de mettre une image à droite cela ne fonctionne pas.
je vous met le bout de mon styles.css

#logo1
{
background-image: url("images/logo1.png");
margin-top: 0px;
margin-left: 0px;
width: 120px;
height: 132px;
position: absolute;
}

#logo2
{
background-image: url("images/logo2.png");
margin-top: 0px;
margin-right: 0px;
width: 120px;
height: 97px;
position: absolute;
}

Pour le logo1 pas de souci, en revanche pour le logo2 il s'affiche par dessus mon logo1 dites moi ou j'ai fais une erreur
merci d'avance

Bigfish72 · Answer

Salut,

tu utilises des positions : "absolute". ce qui fait que tes éléments sont positionnés par rapport à la page et pas par rapport aux autres éléments de la page. Si tu veux que tes deux images ne se superposent pas, soit tu modifies tes marges, soit tu enlèves le caractère absolute

Rominus · Answer

que j'enlève "absolute" ou pas cela revient au même, que je modifie mes marges c'est pareil mon logo2 se superpose et quand j'enlève "absolute" mes logo se mettent l'un sous l'autre

Bigfish72 · Answer

Tu veux que les deux logos soient l'un à côté de l'autre ? dans ce cas, mets un :
float:left;
dans le css pour le logo 1

Rominus · Answer

Non de chaque coté de la page je suis en stage et je bosse sur une application je n'ai pas de design à proprement parler mais je veux juste mettre deux logo
en haut à gauche de la page le logo1 et en haut à droite de la page le logo2
je vais essayer ce que tu me di

Rominus · Answer

Merci de ton aide ca marche je n'avais pas penser à ca

Margin right

5 réponses

Discussions similaires

Newsletters