On 16 ÍÁÒ, 15:14, "Andy Dingley" <ding...@codesmiths.comwrote:
On 16 Mar, 13:00, "Richard Formby" <r...@invalid.comwrote:
A workaround for ":hover can't be put in inline styles"?
No.
Yes, use a stylesheet inside the <body>
Not valid, usually works, no worse than many other hacks.
---------------
OK, I need help customize the code below a little: i need 3 images (in
one row). I need that my thumbnails have not been absolutely
positioned(fixed) in some place, since I need put it in any place of
html layout where I just need. Big image may popup approximately in
center, but this not so important. What need be modified in code?
<style type="text/css">
#menu {position:relative; top:10px; left:100px; width:75px; background-
color:#fff; z-index:100;}
#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:
75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3;
color:#000;}
#menu a .large {display:block; position:absolute; width:0; height:0;
border:0; top:0; left:0;}
#menu a.p1:hover .large {display:block; position:absolute; top:-65px;
left:150px; width:300px; height:300px; border:10px solid #ccc;}
#info {z-index:100; height:22em;}
</style>
<div id="menu">
<a class="p1" href="#nogo" title="thumbnail image"><img src="../img/
tdrips.jpg" title="Thumbnail image" alt="Thumbnail image" /><img
class="large" src="../img/drips.jpg" title="Enlarged view of image"
alt="Enlarged view of image" /></a>
</div>
Mistral