28220 sujets

CSS et mise en forme, CSS3

Bonjour,
Je ne comprends pas pourquoi un image que je place dans un div avec
float=right se place en bas du div (que je px retablir par une marge certe)
mais ça ne résout pas mon pb puisque de tte façon l'image se place en haut su div sur Opera (qui lui d'ailleurs, la place correctement)
Comment faire pr que l'image s'affiche a la même hauteur ds le div sur les principaux navigateurs?


Voila le code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
#date{
	padding-left:5px; 
	height:28px; 
	width:457px; 
	background-color:#CCC; 
	background-image:url(images/date_concerts_bg.gif); 
	background-repeat:repeat-x; 
	font-size: 1.2em
}
#date img {float:right; margin-right:5px}
-->
</style>
</head>

<body>
<div id="date"><strong>Jeudi 9 mars</strong> - 20h30<img src="images/9mars_privilege.gif" width="119" height="15" /></div> 
</body>
</html>
Il la place en bas, parce que dans le flux, elle vient après.

Met un display : block à ton image, et ça normalement ça améliorera les choses.

Ensuite, tu as as intérêt à la mettre avant le reste.
Ok super çà marche!
Merci à toi. je n'ai eu besoin que de placer l'image avant dans le code.
En tous cas ce qu'il y a de bien dans les image c'est qu'elles n'ont pas
besoin de display: block que les marges fonctionnent.

Ciao