Relative Layer Occupies Space

@druidfogSep 18.2005

I’m having issues getting my relative layer to not create “ghost” space in my table where I’ve inserted the layer code. I doesn’t matter where I place the layer code, same result.

Here’s my code:
~~[URL=http://www.salonpr.com/consultation.htm]~~http://www.salonpr.com/consultation.htm[/URL]

You’ll need to mouse over the bottom left link “free phone consultation with every book” to see the layer. I’ve inserted the code just to the right of that. That big red empty area shouldn’t be there.

to post a comment

HTML

@BonRougeSep 19.2005 — #That's the nature of using 'left' and 'top' with relative positioning. That's what it does. It's not an error. To position elements which are 'position:relative;' use margin-top and margin-left.

@druidfogauthorSep 19.2005 — #That took care of the vertical space issue, but I still have the horizontal issue. Is something else conflicting? I put the code in a different place and I still had the horizontal issue. Thx

@BonRougeSep 19.2005 — #The script you're using just makes the element invisible. It's still there taking up the space - you just can't see it. You need to change the script. You could either use a different script, [url=http://bonrouge.com/br.php?page=faq#tooltips]use css[/url] (the way, I would recommend) or make a few small changes to the DW script....

function MM_showHideLayers() { //v6.0
 var i,p,v,obj,args=MM_showHideLayers.arguments;
 for (i=0; i&lt;(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
 if (obj.style) { obj=obj.style; v=(v=='show')?'[B]block[/B]':(v=='hide')?'[B]none[/B]':v; }
 obj.[B]display[/B]=v; }
 }

...and change this part of the inline style of that "Layer1' : visibility: hidden to this : display:none;

I hope this helps.

Relative Layer Occupies Space

3 Comments(s) _↴

Also in #HTML _↴

Success!

Social

Version

Relative Layer Occupies Space

3 Comments(s) ↴

Also in #HTML ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #HTML _↴