Salut!
Je souhaite poser dans l'angle supérieur gauche d'une image un Div, tout en conservant la mise en page "inline". Cela fonctionne bien avec IE, Mozilla et FireFox, mais avec Opera, les Divs ne suivent pas leur image lors d'un redimensionnement de la page... Ils ne se positionnent même pas sur leur image lors du chargement.
Merci d'avance pour votre aide.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> span { position:relative; left:0px; top:0px; display:inline; } img { position:relative; left:0px; top:0px; border:5px solid blue; } div { position:absolute; left:0px; top:0px; border:2px solid red; } </style> <body> <center> 1 <span> <img alt="" src="http://sub0.developpez.com/vac.gif"/> <div>d1</div> </span> 2 <span> <img alt="" src="http://sub0.developpez.com/vac.gif"/> <div>d2</div> </span> 3 </center> </body> </html>
Partager