make text move on show layer

  Mikeytaichi 15:25 04 Jun 2006

Hi, trying to make text (actually a list of links) below a layer move down when the layer is shown.

The layer is shown when the link immediately above it is clicked.

Works in IE, of course, because its rendering of "overflow:visible" is wrong, but how do I make the desired effect work in other browsers?

I'm sure it's really simple, but have wasted so much time trawling through javascript forum sites...

I'm using an edited MM function---

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

and in the CSS-------

#Layer2, #Layer3, #Layer4, #Layer5 {
visibility: hidden;
padding: 5px;
font-weight: normal;
overflow: hidden;
height: 1px;

I haven't yet put in the stuff to chack for IE 5, and use display: none, but have the above CSS in a stylesheet that is only loaded if javascript is enabled, so non-java viewers see the layers at all times.

  harristweed 08:50 06 Jun 2006
  Mikeytaichi 12:44 06 Jun 2006

...and thanks for that css website - added to my faves!


This thread is now locked and can not be replied to.

Elsewhere on IDG sites

Best phone camera 2017

Stunning new film posters by Hattie Stewart, Joe Cruz & more

iPad Pro 10.5in (2017) review

28 astuces pour profiter au mieux de votre iPhone