DMXzone Lightbox Support Product Page

Solved

Lightbox placement

Reported 27 Jan 2013 03:48:15
1
has this problem
27 Jan 2013 03:48:15 Barry Austin posted:
Teo,

I put a lightbox on page and use the linking method and linked to a URL.

Had it working fine, but something got corrupted and I had to re-do the page. When I did the lightbox is half off the page at the bottom looking like the linked page is is not inside the lightbox.

Here a link to hte page so you can see it: realty2000darbymt.com/all_bvbor_listings.htm

Can you see what I have done wrong?

Thanx

BA

Replies

Replied 27 Jan 2013 12:37:04
27 Jan 2013 12:37:04 Teodor Kuduschiev replied:
Hello,

this custom code in your css file /realty2000darbymt.com/_css/ba-min-reset2.css/:

#dmxLightboxContentsWrapper {
     border: 1px solid #FF6699;
     clear: right;
     float: right;
     height: 250px;
     margin-right: 100px;
     margin-top: -2px;
     width: 380px;
}


Is what is breaking the view
Replied 27 Jan 2013 15:16:31
27 Jan 2013 15:16:31 Barry Austin replied:
Hello Teo,

I am sorry but I don't understand your statement. I don't know how you got anything to do with css? Where did it come from? To my knowledge I didn't have any css involved a all. Where did you find it?

I can't find the file you reference anywhere. I even used the DW 'Find and Replace' function to search the entire local site and found nothing? Can you tell me how/where you found it?

I looked at the source code for the page in the browser and don't find any reference to such code. I also looked at the code of the page in DW and can't find anything. All I did find is the reference to the link to the remote URL which is in side a DIV tag here:

<div id="listingsFeed"><a href="www.flexmls.com/cgi-bin/mainmenu.cgi?cmd=url+referer/bvb.html&u=bvb.162" rel="dmxLightbox" title="All Bitterroot Valley Listings" rev="{preset:'minimalistic'}"><img src="images/casino_sign_350px.jpg" width="380" height="250" alt="mrts sign"></a></div>

This is of course the whole line, but the link is just this part, which you seem to be targeting: realty2000darbymt.com/all_bvbor_listings.htm , taken directly for the address bear in the browser.

This is what you put into the reply: this custom code in your css file /realty2000darbymt.com/_css/ba-min-reset2.css/: .............. I don; know how that got to you as I copied and pasted directly form the address bar in the browser.

Anyway here it is again (copied from browser):

realty2000darbymt.com/all_bvbor_listings.htm

As you can see, it is not a .css file but a valid URL.

Copy and paste it into your browser and visit the page and invoke the light box by clicking on the picture and see what you get.

For me it looks like the whole lightbox is bunched up at the top and the target is outside the LB and underneath it. The LB looks like a strip across the top.

Please let me know what you see that I am missing.

Thanx

BA
Replied 27 Jan 2013 15:35:21
27 Jan 2013 15:35:21 Teodor Kuduschiev replied:
I am sorry, i pasted you a wrong link
realty2000darbymt.com/_css/r2000_styles.css

This is the css file that contains those lines of code that are breaking the whole thing.

It is not a file of ours.
Replied 27 Jan 2013 20:29:30
27 Jan 2013 20:29:30 Barry Austin replied:
OK so now I see what youaAre talking about, but it is just the css styles for the site and I don't know what might be wrong with this code:

#dmxLightboxContentsWrapper {
border: 1px solid #FF6699;
clear: right;
float: right;
height: 250px;
margin-right: 100px;
margin-top: -2px;
width: 380px;
}

Can you tell me what is wrong with this particular css rule?

This is the rule that drives the DIV that holds the picture that I attached the LB to.

The reason for the rule was to try and reposition the image to get it in the right location. After first putting it in the right place I then put the LB on it and it moved it out of place.

Again I must be missing something as that is usually the case.

Thanx for your help.

BA
Replied 27 Jan 2013 21:54:52
27 Jan 2013 21:54:52 Barry Austin replied:
OK Teo,

I when and deleted that css rule and it works fine now I think.

Thanx

Reply to this topic