|
User Details |
message
|
|
JAMES GILLIES
post date:
2009-07-13 11:13:00
|
Hello I'm currently having an issue
with my Drop down menu's falling behind my sub spry tabbed menu.
Here's a test link: http://seelsterfarms.com/camluck.asp
How do i get the Drop-down menu to go over the spry tabbed menu?
Also i've tried setting the Z-Index on the Spry tabbed menu to -1
but it didn't work.
Can anyone please help with this issue
thanks :)
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2009-07-14 06:58:17
|
Hello James,
It take a little while to figure this one out but i finally got it. You need to put "position:relative;" to the <td> that holds the menu.
Regards,
Andrei Rinciog
|
|
|
JAMES GILLIES
post date:
2009-07-15 10:28:47
|
I'm still not getting this.
I've tried adding the "position:relative;" to the CSS class that the <TD> tag is holding
All this did was move my menu out of place.
Could you please be more specific about where i put the "position:relative;" to make to drop down menu go over the spry tabs
http://seelsterfarms.com/camluck.asp
thanks for all your help with this :)
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2009-07-15 10:35:24
|
Hello again James,
Replace the <td> above the CMPH_menu1 div with this tag:
<td height="40" bgcolor="#415e41" align="center" valign="bottom" class="border1" style="position: relative; z-index: 2000;">
Regards,
Andrei
|
|
|
JAMES GILLIES
post date:
2009-07-17 09:42:19
|
Almost!!!
it works only for me in Internet Explorer
With firefox on mac & pc it moves the menu to the top of the screen.
With Safari it still doesn't work.
Is there any way to code it so it works in all 3 browsers and cross platform.
http://seelsterfarms.com/camluck.asp
Thanks again for your help :)
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2009-07-20 05:27:57
|
Hello again,
I think that the movement to the top of the screen can be fixed by adding "px" to the dimensions of the image that's above the menu. I don't understand why it's not working in Safari though. I will look more into it.
Regards,
Andrei
|
|
|
JAMES GILLIES
post date:
2009-07-20 10:20:44
|
I tried adding in the "PX"
<img src="images/camluck/top.jpg" width="800px" height="124px" border="0" />
Doesn't seem to work at the moment.
I don't think i've coded it right.
How should this tag be coded??
http://seelsterfarms.com/camluck.asp
thanks again :)
|
|
|
JAMES GILLIES
post date:
2009-07-23 09:10:15
|
Hi Andrei,
We really need to get this new site launched and we seem to be hung up on this one problem.
Have you been able find any solution for us?
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2009-07-23 10:45:22
|
Hello again James,
I have played a little bit more with that page, and I've noticed that there is a way to workaround the bad menu positioning. I deleted the style setting from the td tag that contains the menu. Then i created a div inside that td that wraps the menu and put the style on that div. I've tested the page on all browsers that I have on my computer ( IE 8, Firefox, opera, chrome and safari) and the menu was positioned well and it dropped above the spry tabs.
Regards,
Andrei Rinciog
|
|
|
JAMES GILLIES
post date:
2009-07-23 11:12:06
|
Hi Andrei,
can you show me how you coded this???
I still can't seem to get it to work
thanks a lot for your help on this
|
|
|
JAMES GILLIES
post date:
2009-07-23 11:21:54
|
I've reposted http://seelsterfarms.com/camluck.asp
and tried what your idea, but still no luck.
you can have a look at what i did.
|
|
|
Andrei Rinciog [Extend Studio]
post date:
2009-07-23 11:33:35
|
No, that's not the way I was referring. You need to put that div inside the <td> tag. The code should be something like this:
<tr>
<td>
<div style="position: relative; z-index: 2000;">
Menu code
</div>
</td> ...
Please try like this.
Regards,
Andrei
|
|
|
JAMES GILLIES
post date:
2009-07-28 10:05:07
|
That seemed to work!
Thanks for all your help with this :)
was greatly appreciated!
|
|
