Skip navigation
Currently Being Moderated

lightbox in DW cs6

Apr 28, 2013 5:25 AM

Tags: #internet #lightbox #cs6 #explorer_problem_lightbox



i tried to make a lightbox gallery with the use of widget. But when i insert the thing in to my page (which is using a template by the way).Between the normal thumbnail background and the photo. a strange border appears which is the same color as the background of the gallery.


in live view the lightbox is working but still those weird borders (even if i don't customize the widget (like orange or so) it still appears with borders.i preview in browsers , ie, firefox and google chrome. it also doesn't work properly.


in firefox: the gallery background is much smaller than original and the thumnails are larger then it's gallery, plus the images only say :flower, tree, and then boxes with no text. so why is there text and why isn't there a image? in live view there are images but with that strange border


so in google chrome: the gallery height is correct but still no images displayed and that weird looking border again. when clicked on the thumbnails there is a pop up but not with a image, no just a little picture box.


in ie: same problem as google chrome but when clicked -> a new page with "cannot display page"pops up.




so a few questions:


- how can i fix the problem with that strange border


- how can i fix the problem with the browsers?


you could see my page at:


it would help me a lot if you would look at it.

i also tried with an other tutorial to make the lightbox 2. It's very friendly but there's also the problem with displaying in internet explorer

  • Currently Being Moderated
    Apr 28, 2013 6:04 AM   in reply to nicosteg

    Kill the border by changing this CSS  from border-style: solid; to border-style: none;

    .lbGallery ul img {

        -moz-border-bottom-colors: none;

        -moz-border-left-colors: none;

        -moz-border-right-colors: none;

        -moz-border-top-colors: none;

        border-color: #3E3E3E;

        border-image: none;

        border-style: solid;

        border-width: 5px 5px 20px;


    Your thumb images are not on the server, for example:


    You have not yet coded or uploaded your full size images

    Mark as:
  • Currently Being Moderated
    Apr 28, 2013 7:56 AM   in reply to nicosteg

    You're welcome.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points