Results 1 to 3 of 3

Thread: Help with Overlapping Content Link

  1. #1
    Join Date
    Jun 2005
    Thanked 0 Times in 0 Posts

    Default Help with Overlapping Content Link

    1) Script Title: Overlapping Content Link

    2) Script URL (on DD):

    3) Describe problem: I'm having a problem with

    the links that start with "more..." are supposed to use the Overlapping Content Link script to open a window at the link to provide more info.

    Unfortunately, on IE6 (I haven't tested others), the windows are popping up out of sight at the bottom of the page. What am I doing wrong? I've followed all the directions as far as I can tell.

    The example on the Dynamic Drive page works fine for me.

    Also, what is the file name under href=xxx supposed to do? Why is it there? Should I have it point to a real page?

    Last edited by Wildfire563; 07-14-2006 at 09:09 PM.

  2. #2
    Join Date
    Mar 2005
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries


    Your HTML is a bit of a mess. For one thing you have the triggers for the overlapping content inside of a table but, where they are is in a table row. You have no table cell there. If you were to put <td></td> tags where they would belong, you would see that the triggers are actually at the bottom of the page and that the overlapping content is appearing in the correct place. However, this is not what you want. I got it looking the same as it does now and working properly by moving the triggers (shown below in dark red color) outside of the table and placing them before it in the code:

     . . .if (ie4||dom)
    <font face="Arial Black" color="#000000"><i><b>
    		Classes now offered through Acton-Boxborough Community Education</b></i></font><br>
    		<a href="#" onClick="return overlay(this, 'subcontent')">more...</a><br>
    <p><font face="Arial Black" color="#000000"><i><b>
    		Join us at the next Young Eagles rally!
    		<a href="#" onClick="return overlay(this, 'subcontent2')">more...</a><br /></p>
    <table border="0" id="table2" cellspacing="0" cellpadding="10" width="105%">
    <!--Sub content to overlay link when clicked on. Do not remove outermost <div id="subcontent"> tag below. -->
    <DIV id="subcontent"  . . .
    If you do this, don't forget to remove these triggers from inside the table.
    - John

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jun 2005
    Thanked 0 Times in 0 Posts


    Hmm, what's the smiley for sheepish grin? Yes, it is a bit of a mess :-), sorry.

    That worked great. Thanks for the help. And I am trying to figure out how to simplify the site, it's gotten quite congested. I think I started the table because I was trying to get that second picture to the position I wanted, and it grew from there.

    I'm thinking of moving some of the menu items across the top to sort of spread things out and make it more usable.

    My original idea was that I wanted a page that was different, more rounded and not so "square". And I was originally hoping to keep it simple. But of course, as things go ... time to go back to the drawing board.

    Thanks again.



Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts