lightbox

Expand Post »

In terms of web design, how do you prevent a lightbox taking on the CSS style for the whole webpage?

When developing a website and want users to click thumbnail images and the the bigger version of the image opens up in a lightbox but because of the css for the website the image is off to the right instead of in the middle of the lightbox box.

How do you prevent the lightbox taking on the CSS style for the rest of the website so that the images display properly in the lightbox?

Similar Threads

Help With Lightbox in JavaScript / DHTML / AJAX
lightbox in PHP
lightbox in JavaScript / DHTML / AJAX
Made a simple se friendly css/js lightbox only 3kb in HTML and CSS

whiteberry

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

11 posts
since Sep 2009

Permalink

Sep 3rd, 2009

Re: lightbox

Have you tried assigning a css style to the lightbox div if you are using one.

This should override your other css and allow you to format it the way you want.

valonesal

Reputation Points: 10

Solved Threads: 2

Junior Poster

Offline

120 posts
since Aug 2009

Permalink

Sep 4th, 2009

Re: lightbox

i think u should make different style for your lightbox
ex :

HTML and CSS Syntax (Toggle Plain Text)

.lightbox {
    text-align: center;
    etc ....
}
.lightbox image {
   border: 0;
   etc ....
}

so it will not affect your main image class

rudevils

Reputation Points: 10

Solved Threads: 10

Junior Poster in Training

Offline

80 posts
since Jan 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in HTML and CSS Forum Timeline: Dreamweaver problem

Next Thread in HTML and CSS Forum Timeline: how to put an absolute positioned div on top of a absolute positioned div ?

DaniWeb Message

Cancel Changes

User Name
Password