Ik heb een anchor-element, met daarbinnen een plaatje en een caption met een tekstje ernaast. De img staat in een div "imgbox"; de tekst in een div "textbox".
Ik heb de div.imgbox gefloat, en de textbox ernaast gezet. Dat gaat overal goed, behalve in IE. Daar is de image binnen de float niet meer klikbaar. De captiontekst in hetzelfde divje en de textbox ernaast blijven wel gewoon klikbaar. Hier staat een voorbeeld
Heeft iemand een idee hoe dit komt (en wat ik eraan kan doen)?
Hier mijn code:
Ik heb de div.imgbox gefloat, en de textbox ernaast gezet. Dat gaat overal goed, behalve in IE. Daar is de image binnen de float niet meer klikbaar. De captiontekst in hetzelfde divje en de textbox ernaast blijven wel gewoon klikbaar. Hier staat een voorbeeld
Heeft iemand een idee hoe dit komt (en wat ik eraan kan doen)?
Hier mijn code:
HTML:
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
32
33
34
35
36
37
38
39
| <!DOCTYPE HTML> <html> <head> <title>image inside float inside anchor</title> <meta charset="UTF-8" /> <style> .wrap a { display: block; overflow: hidden;/* makes this wrap around floats */ cursor: pointer; background: #bbb; } .imgbox { float: left; background: #ddd; } .textbox { overflow: hidden; background: #ccc; } </style> </head> <body> <div class="wrap"> <a href="#"> <span class="imgbox"> <img src="http://jaron.nl/misc/dummy.gif" width="80" height="45" alt="" /> caption text is clickable </span> <span class="textbox"> some text here </span> </a> </div> </body> </html> |
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
:strip_icc():strip_exif()/u/255263/images.jpg?f=community)
:strip_exif()/u/27216/bosmonster_dropdown.gif?f=community)
