Positionering med absolute
Hej Eksperter.Jeg sidder og roder med layers, men det driller. Jeg er ved at bygge en menu op til en hjemmeside, hvor der ved mouse-over på link'ene skal dukke et lag op i en celle.
PROBLEMET er dog at lagenes placcering flytter sig i forhold til vinduets størrelse, og der er ikke planen.
Her er lidt at se på:
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td><img src="grafik/menu_left.gif" width="21" height="30" border="0" alt=""></td>
<td><a href="<?echo $PHP_SELF;?>?side=news" onMouseOut="MM_showHideLayers('news','','hide');" onMouseOver="MM_showHideLayers('news','','show');"><img src="grafik/news.gif" width="112" height="30" border="0" alt="[ News ]"></a></td>
<td><a href="<?echo $PHP_SELF;?>?side=show" onMouseOut="MM_showHideLayers('show','','hide');" onMouseOver="MM_showHideLayers('show','','show');"><img src="grafik/show.gif" width="113" height="30" border="0" alt="[ Show ]"></a></td>
<td><a href="<?echo $PHP_SELF;?>?side=bio" onMouseOut="MM_showHideLayers('bio','','hide');" onMouseOver="MM_showHideLayers('bio','','show');"><img src="grafik/adversary.gif" width="113" height="30" border="0" alt="[ Adversary ]"></a></td>
<td><a href="<?echo $PHP_SELF;?>?side=pic" onMouseOut="MM_showHideLayers('pic','','hide');" onMouseOver="MM_showHideLayers('pic','','show');"><img src="grafik/pic.gif" width="113" height="30" border="0" alt="[ Picture ]"></a></td>
<td><a href="<?echo $PHP_SELF;?>?side=guest" onMouseOut="MM_showHideLayers('guest','','hide');" onMouseOver="MM_showHideLayers('guest','','show');"><img src="grafik/guest.gif" width="113" height="30" border="0" alt="[ Guest book ]"></a></td>
<td><a href="<?echo $PHP_SELF;?>?side=contact" onMouseOut="MM_showHideLayers('contact','','hide');" onMouseOver="MM_showHideLayers('contact','','show');"><img src="grafik/contact.gif" width="115" height="30" border="0" alt="[ Contact Adversay ]"></a></td>
<td><img src="grafik/menu_right.gif" width="20" height="30" border="0" alt=""></td>
</tr>
<tr>
<td colspan="8">
<?if($side=="news"){?><img src="grafik/menu_news_set.gif" width="720" height="9" border="0"><?}?>
<?if($side=="show"){?><img src="grafik/menu_show_set.gif" width="720" height="9" border="0"><?}?>
<?if($side=="bio"){?><img src="grafik/menu_adv_set.gif" width="720" height="9" border="0"><?}?>
<?if($side=="pic"){?><img src="grafik/menu_pic_set.gif" width="720" height="9" border="0"><?}?>
<?if($side=="guest"){?><img src="grafik/menu_guest_set.gif" width="720" height="9" border="0"><?}?>
<?if($side=="contact"){?><img src="grafik/menu_contact_set.gif" width="720" height="9" border="0"><?}?>
<?if($side!="news"){?><div id="news" style="position:absolute; left:141px; top:188px; width:720px; height:9px; visibility: hidden; z-index: 2;"><img src="grafik/menu_news_over.gif" width="720" height="9" border="0" alt=""></div><?}?>
<?if($side!="show"){?><div id="show" style="position:absolute; left:141px; top:188px; width:720px; height:9px; visibility: hidden; z-index: 2;"><img src="grafik/menu_show_over.gif" width="720" height="9" border="0" alt=""></div><?}?>
<?if($side!="bio"){?><div id="bio" style="position:absolute; left:141px; top:188px; width:720px; height:9px; visibility: hidden; z-index: 2;"><img src="grafik/menu_adv_over.gif" width="720" height="9" border="0" alt=""></div><?}?>
<?if($side!="pic"){?><div id="pic" style="position:absolute; left:141px; top:188px; width:720px; height:9px; visibility: hidden; z-index: 2;"><img src="grafik/menu_pic_over.gif" width="720" height="9" border="0" alt=""></div><?}?>
<?if($side!="guest"){?><div id="guest" style="position:absolute; left:141px; top:188px; width:720px; height:9px; visibility: hidden; z-index: 2;"><img src="grafik/menu_guest_over.gif" width="720" height="9" border="0" alt=""></div><?}?>
<?if($side!="contact"){?><div id="contact" style="position:absolute; left:141px; top:188px; width:720px; height:9px; visibility: hidden; z-index: 2;"><img src="grafik/menu_contact_over.gif" width="720" height="9" border="0" alt=""></div><?}?>
</td>
</tr>
</table>
