"JH" skrev
>
> > Du kan også lave det som en popup ved mouseover, der kommer billedet frem
> > når
> > du peger.
> > Se her:
http://www.dhejne.dk/winnie.shtml der gemmer du bare et billede!
> >
>
> Det er lige præcis det jeg er ude efter! Men hvad er
> fremgangsmåden/html-koden?
>
I din css sættes dette:
div#img {
position:relative;
margin:0
padding:0;
z-index: 100;
_top:20px; /* hack til IE */
}
div#img li {
padding: 0;
text-align:left;
margin-left: -20px;
list-style: none;
text-decoration: none;
}
div#img a:hover {
color: black;
background: white;
text-decoration: none;
}
div#img a span {display: none;}
div#img a:hover span, a:active span {
display: block;
position: absolute;
top: -180px;
left: 5%;
margin-left:60px;
padding: 0;
z-index: 100;
_top: -150px; /* hack til IE */
}
og i din html kode dette:
<div id="img">
<ul>
<li><a href="#">Peter eller hvad der skal stå..........
<span><img border="0" src="winnie_april.jpg" alt="" width="447" height="424"
/></span></a></li>
</ul>
</div>
Du skal selvfølgelig justere lidt på tallene, så de passer til din side.......
Skal du ha´flere under hinanden sætter du bare flere <li> med indhold </li>
ind
--
Venlig hilsen
Marianne
design af: -
www.ragdollys-cat-link.dk -
www.dhejne.dk
www.formdinfremtid.dk -
www.royalmontana.dk