[ciryo]

Nii. Kysimus - kas CSS hover suudab popuppi ka absoluutselt positsioneerida v6i on ainuke v6imalus paigutada see relativena algallika suhtes? Tahaks igas browseris samasse kohta paigutuvat akent:P
Leht ise siin -
www.tevico.fi ("myynti" submenyy, hiirega thumbide peale)
Sobitatud IE7-le, aga FF paigutab popupi 1px paremale ja oluliselt allapoole, ning v6rreldes IE-ga muutub positsioon. Opera s6idutab lihtsalt aknaid.
Iga tabeli celli kohta on praegu eraldi div. Kohmakas, ma tean, aga oli kiiresti vaja. Javascripti eriti ei tahaks.
CSS kood:

Spoiler

.myyc{
position: relative;
z-index: 0;
}

.myyc:hover{
background-color: transparent;
z-index: 50;
}

.myyc span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border:1px solid #b5ada6;
visibility: hidden;
color: #404040;
text-decoration: none;
text-align:center;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.myyc span img{
border-width: 0;
padding: 2px;
}

.myyc:hover span{
visibility: visible;
top: 220px;
left: -271px;

}

Vastava celli html:

Spoiler

<tr>
<td width="30%"><a href="http://www.aeg-pt.com/Internet%5CAMACCESSORY.NSF/vwAWTA-SF/8AA209D78F4AE5F5C12570C1003A458E?OpenDocument" target="_blank" class="myyc"><img src="images/Milwaukee_kulmapora_thumb.jpg" width="60px" height="45px" border="0" /><span><img src="images/Milwaukee_kulmapora_iso.jpg" /><br />
85.75 € (70.28 0%)</span></a></td>
<td width="70%"><div align="left"><span class="entery"><strong><a href="http://www.aeg-pt.com/Internet%5CAMACCESSORY.NSF/vwAWTA-SF/8AA209D78F4AE5F5C12570C1003A458E?OpenDocument" target="_blank">Kulmaporauslaite WB 2</a> </strong><br />
<img src="../images/bar.jpg" width="2" height="13" align="absmiddle" /> soveltuu kaikkiin koneisiin <br />
<img src="../images/bar.jpg" width="2" height="13" align="absmiddle" /> 360 asteen s&auml;&auml;t&ouml; <br />
<img src="../images/bar.jpg" width="2" height="13" align="absmiddle" /> k&auml;sikahva<br />
<img src="../images/bar.jpg" width="2" height="13" align="absmiddle" /> magneettinen bitsin pidin <br />
<img src="../images/bar.jpg" width="2" height="13" align="absmiddle" /> <br />
Hinta: <strong><span class="style2">85.75</span> &euro;<br />
</strong></span></div></td>

Ehk siis uuesti - kas saab popuppi positsioneerida reaalselt absoluteks? Tahaks lehekylje vabale pinnale sisada pisikese flashi, aga n6me on, kui nad popuppidega teineteisele kuklasse trygivad:)

[andrusny]

Ütled, et JS ei meeldi, kuid sellised asjad on ikkagi õigem selle abil teha. Paigutad selle suurepildi ala koodi sisse juba nii, et ta oleks õiges kohas
Kas siis absolute abil või muul viisil ja annad talle display:none; siis JS abil vahetad igakord talle õige pildi ja annad display:block;

Edit: see pole sul popup.

[Renka]

andrusny, mis juttu sa räägid. Mille jaoks on vaja JSi?

ciryo, võta lingilt position: relative; maha ja ongi kogu moos.