Quote Originally Posted by taydu View Post
Code:
#prevLink,#nextLink {
background:transparent url(../../template_default/images/lightbox/blank.gif) no-repeat;
display:block;
height:100%;
width:63px;
position:absolute;
top:-25px;
}
seem to work but there a tiny problem, please look at attached image ...

How can I make so i have a complete white box, not just the two rabbit ears
I have implemented the change proposed by Taydu. It works fine except that :

1/ the "rabbit ears" effect described by Taydu occurs (to the best of my knowledge, this post of Taydu was never answered to)

2/ on all the pictures appear the PREV and NEXT buttons (without this mod, on the first picture only NEXT appears, and on the last one only PREV appears).

As the code of the stylesheet_lightbox.css has changed since Taydu's post, I insert hereunder the modification I have performed :

#prevLink, #nextLink{
/* bof Zen Lightbox v1.4 aclarke 2007-09-18 */
width: 63px;
/* eof Zen Lightbox v1.4 aclarke 2007-09-18 */
height: 32px !important;
/* bof : modif based on taydu's post of 22/06/2007 */
position:absolute;
top:-25px;
/* eof : modif based on taydu's post of 22/06/2007 */
background: transparent url(../images/zen_lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

Any idea about what goes wrong?