Bonjour,

Je dispose du code HTML suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<body>
<br/>
<br/>
<div id="titre_page"> Titre
	<a class="image_titre" href="#"></a>
</div>
</body>
et du CSS suivant :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#titre_page{
	line-height:34px;
	background-color : blue;
	color : white;
}
 
#titre_page a.image_titre{
	margin-top:-34px;
	float:right;
	width:34px;
	height:34px;
	background-image: url('http://www.fpmusique.ch/accordeon.gif/pigini/formulaire/flecheBasNoire.gif');
	background-repeat : no-repeat;
}
Ce code doit m'afficher sur une ligne :
- un titre
- une image cliquable sur la droite de la page.

Le code fonctionne correctement sous Firefox et IE.

Par contre sour Opera et Firefox, je dois enlever (margin-top:-34px pour que mon image s'affiche sur la ligne.

Quelle est la solution pour obtenir le même affichage sur l'ensemble des navigateurs.

Merci