Hi there,
I am having this problem, i m trying to do a mouse over menu. When u mouse the link there'll another sets of link right below the main link. I m using show hide layers to do it.

But the problem is, the position change according to different screen resolution, I've already put the layer in the table. but still it changes according to different size of screen resolution.

Example can see at www.gigaweb.com.my/about_us/index.html

Anyone can help??? Pls..... :|

Thank you

CSS problem?

Well, I suggest you search for dhtml menu in Google:
http://www.google.com/search?hl=en&i...8&q=dhtml+menu

__________________
LiewCF | Malaysia Bloggers Forum

No... I've checked.. its not becoz of the CSS

AHHHH... I need help

i've checked ur site code....

ok, if u see, it is BECOS OF CSS. Why? notice that POSITION: Absolute; ? That causes the problem. I guess that's it.

To fix it, im not so sure how

__________________
Don't Ask Me Why I Joined This Forum
GeminiGeek's Online Journal

huh? serious? so what should I put.. surely cant be relative or static right?

use relative instead of 'absolute'

__________________
LiewCF | Malaysia Bloggers Forum

percentage?
width=175 to width=30%?

__________________
Personal's Blog! - Malaysian Artist!

mystic mind...go to http://www.gigaweb.com.my/about_us/try.html

I dont think i set percentage... and position :absolute doesnt work too!!

Can someone help?

The code below should do it but you might need to adjust the HEIGHT. It looks ok in my firefox 0.9.2 but moves up a little in IE6, so you might need to adjust to your preferred browser...



<div id=products onMouseOver="MM_showHideLayers('products','','show ')"
style="Z-INDEX: 7; WIDTH: 175px; POSITION: relative; TOP: 38px; HEIGHT: 47px; left: 0px; visibility: hidden"
onMouseOut="MM_showHideLayers('products','','hide' )" class="nav">
.
.
.
.
.
<div style="POSITION: relative; TOP: -24px;">
<a onMouseOut="MM_swapImgRestore();MM_showHideLayers( 'products','','hide')"MM_nbGroup('out');MM_startTi meout(); href="../product_service/index.html" onMouseOver="MM_swapImage('Image1','','../images/link_prod1.gif',1);MM_showHideLayers('products','' ,'show')" ><img src="../images/link_prod.gif" width="175" height="15" border="0" name="Image1"></a>
</div>

I am kinda confused... after changed to code above..

look at http://www.gigaweb.com.my/about_us/try5.html

The modification is based on your try.html. You must make sure you didn't change anything else.

Yeap... i use that try.html n made the changes n save us try5.html

Maybe you didn't modify correctly. Put the code below where your td cell should be:

<td width="174" height="13">
<div id=products
onMouseOver="MM_showHideLayers('products','','show ')"
style="Z-INDEX: 7; WIDTH: 175px; POSITION: relative; TOP: 38px; HEIGHT: 47px; left: 0px; visibility: hidden"
onMouseOut="MM_showHideLayers('products','','hide' )" class="nav">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#999999">
<table class=dropdownbg3 cellspacing=0
cellpadding=0 width="99%" border=0 align="center" height="50">

<tbody>
<tr>
<td class=dropdownbg2
onMouseOver="this.style.backgroundColor='#ffffff'; MM_showHideLayers('products1','','show')"
onMouseOut="this.style.backgroundColor='ffffcc';"M M_showHideLayers('products1','','hide') height="14" colspan="2"><a
class=nav
href="../product_service/index.html"><font
color=#db2519>»</font> Telebudget</a> &gt;
<div id=products1
onMouseOver="MM_showHideLayers('products','','show ','products1','','show')"
style="Z-INDEX: 6; WIDTH: 175px; POSITION: absolute; TOP: 1px; HEIGHT: 51px; left: 175px; visibility: hidden"
onMouseOut="MM_showHideLayers('products','','hide' ,'products1','','hide')" class="nav">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#999999">
<table class=dropdownbg3 cellspacing=0
cellpadding=0 width="99%" border=0 align="center" height="50">
<tbody>
<tr>
<td class=dropdownbg2
onMouseOver="this.style.backgroundColor='#ffffff'; "
onMouseOut="this.style.backgroundColor='ffffcc';" height="11"><a
class=nav
href="http://www.redtone.com/corporate/index.php"><font
color=#db2519>»</font> Telebudget Postpaid</a></td>

</tr>
<tr>
<td class=dropdownbg2
onMouseOver="this.style.backgroundColor='#ffffff'; "
onMouseOut="this.style.backgroundColor='ffffcc';"
height=12><a class=nav
href="http://www.redtone.com/corporate/index.php"><font
color=#db2519>»</font></a><a class=nav
href="http://www.redtone.com/corporate/structure.php">
Telebudget Prepaid Card</a></td>
</tr>
<!-- <tr>
<td height="12" class="dropdownbg2" onmouseover="this.style.backgroundColor='#ffffff'; " onmouseout="this.style.backgroundColor='CADCE8';"> <a href="/corporate/index.php" class="nav"><font color="DB2519">&raquo;</font></a><a href="/corporate/corporate.php" class="nav">
Corporate Values</a></td>
</tr> -->
</tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="1">

<tr>
<td bgcolor="#CCCCCC"><img src="../IMAGES/SPACER.GIF" width="175" height="1"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</tr>

<tr>
<td class=dropdownbg2
onMouseOver="this.style.backgroundColor='#ffffff'; "
onMouseOut="this.style.backgroundColor='ffffcc';"
height=12><a class=nav
href="http://www.redtone.com/corporate/index.php"><font
color=#db2519>»</font></a><a class=nav
href="http://www.redtone.com/corporate/management.php">
SMS </a></td>
</tr>
<!-- <tr>
<td height="12" class="dropdownbg2" onmouseover="this.style.backgroundColor='#ffffff'; " onmouseout="this.style.backgroundColor='CADCE8';"> <a href="/corporate/index.php" class="nav"><font color="DB2519">&raquo;</font></a><a href="/corporate/corporate.php" class="nav">
Corporate Values</a></td>
</tr> -->
</tbody>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="1">
<tr>
<td bgcolor="#CCCCCC"><img src="../IMAGES/SPACER.GIF" width="175" height="1"></td>

</tr>
</table>
</td>
</tr>
</table>
</div>
<div style="POSITION: relative; TOP: -24px;">
<a onMouseOut="MM_swapImgRestore();MM_showHideLayers( 'products','','hide')"MM_nbGroup('out');MM_startTi meout(); href="../product_service/index.html" onMouseOver="MM_swapImage('Image1','','../images/link_prod1.gif',1);MM_showHideLayers('products','' ,'show')" ><img src="../images/link_prod.gif" width="175" height="15" border="0" name="Image1"></a>
</div></td>

apa lagi mystic tunjukkan ler kepakaran ko

__________________
I hate when:

vBulletin Message:
Sorry! The administrator has specified that users can only post one message every 60 seconds