Move up the Next/Previous Buttons

[vlane95678]

1) Script Title: Lightbox image viewer 2.03a

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm

3) Describe problem:

#1 How do you move the Next and Previous buttons up more? Right now they are about a 1/2 inch down the picture, but i would like to see them at the very top, or almost at the very top.

#2 The box that contains the close button does not match up with the image above. It is slightly skinner so they do not line up with each other. This ONLY happens in IE, so there is a bug. Does anyone know the fix?

[ddadmin]

To move the prev/next buttons more upwards, inside lightbox.css, try changing the below two values in red:


#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

Try a value of 5% instead for example.


The box that contains the close button does not match up with the image above. It is slightly skinner so they do not line up with each other. This ONLY happens in IE, so there is a bug. Does anyone know the fix?

Hmm for me, everything looks aligned, in IE8 at least. Does your page contain a valid doctype (http://www.javascriptkit.com/howto/doctype.shtml) at the top?

[vlane95678]

Yeah #1 worked great and thank you.

As for #2, it does have doct type. Still couldn't figure out why it only had that error in IE so we have an advanced programmer fix it. I am trying to find out what he did so I can post it here for others.