Discussion :

[narmataru]

bonjour,

J'ai une div mère dans laquelle j'ai d'autres div avec du texte. Je voudrais positionner une petite image dans le coin inférieur droit de la div parent sans décaler le reste ni agrandir sa taille.

Je ne vois pas comment faire.

Merci pour vos éclaircissements.

[narmataru]

Voici une partie du code :

Code html :

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

1
2
3
4
5
6
7
8
<footer class="black">
	<div class="row">
		<div class="span3">
			<a class="backoffice" href="...."><i class="icon-cog"></i></a>
			TEL 33 (0)2 xx xx xx xx<br>FAX 33 (0)2 xx xx xx xx xx
		</div>
	</div>
</footer>

Les classes row et span16 viennent de bootstrap.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
footer.black {
	background-color: black;
	color: white;
	border-radius: 5px;
}
 
footer.black div {
	text-align: center;
	font-size: x-small;	
}
 
footer.black a.backoffice {
	float: right;
}

L'icône du lien avec la class 'backoffice' est bien positionnée à droite de la div. Cependant, le numéro de téléphone est décalé comme si l'emprunte initiale de l'icône se trouve toujours à son emplacement initial.

Comment ne plus avoir cette 'emprunte' ?

[NoSmoking]

Bonjour,
change le positionnement de ton lien, de float:left passe le en position:absolute en le positionnant en bas à droite.

Il te faut dans ce cas mettre le contenant en position:relative.

soit

Code :

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

1
2
3
4
5
6
7
8
9
10
 
footer.black {
  position:relative;
}
footer.black a.backoffice {
  position:absolute;
  right:0;
  bottom:0;
/*	float: right;/* OUT */
}

[narmataru]

merci