Lightbox appearing at bottom of screen?

Hey all, my lightbox is appearing at the bottom of the screen for some reason. It's driving me crazy! First I have my page code copied and right after that I have my lightbox css. Thanks so much for any help. I appreciate it.
GALLERY PAGE CODE:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

</style>

<script src="Scripts/jquery.js" type="text/javascript"></script>
<script src="Scripts/lightbox.js" type="text/javascript"></script>
<link href="css/lightbox.css" rel="stylesheet" type="text/css" />
<link href="css/sample_lightbox_layout.css" rel="stylesheet" type="text/css" />

<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
a:hover {
          text-decoration: none;
a:active {
          text-decoration: none;
</style>
</head>
<body>
<div class="container">
<div class="header"><img src="MP_banner.jpg" width="780" height="123" alt="meritpumpbanner" /></div>
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="Merit_home.html">Home</a>    </li>
    <li><a href="Merit_Kobe.html" class="MenuBarItemSubmenu">Services</a>
      <ul>
        <li><a href="Merit_Kobe.html" title="Kobe">Kobe Pumps</a></li>
        <li><a href="Merit_Myers.html" title="Myers">Myers Pumps</a></li>
        <li><a href="Merit_Industrial.html" title="Industrial">Industrial Services</a></li>
        <li><a href="Merit_Oilfield.html" title="Oilfield">Oil Field</a></li>
      </ul>
    </li>
    <li><a href="Merit_Contact.html" title="Contact">Contact</a>    </li>
    <li><a href="Merit_Gallery.html" class="MenuBarItemSubmenu">Products</a>
      <ul>
        <li><a href="Merit_Gallery.html">Gallery</a></li>
        <li><a href="Merit_Inventory.html">Inventory</a></li>
      </ul>
    </li>
    <li><a href="Merit_About.html" title="About">About</a></li>
</ul>

<div class="content">
    <p> </p>
    <div id="gallery1" class="lbGallery">
      <ul>
        <li> <a href="images/kobe1_large.jpg" title=""> <img src="images/kobe1_small.jpg" width="100" height="75" alt="" /> </a> </li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <script type="text/javascript">
// BeginWebWidget lightbox_gallery
                    $(function() {
        $('#gallery1 a').lightBox();
// EndWebWidget lightbox_gallery
    </script>
    <p> </p>
    <p></p>
</div>

<div class="footer">
    <p> © 2012 Merit Pump & Equipment CO. All rights reserved. | Home | About | Contact | FE Myers | Kobe Triplex |   975 Lincoln Way West, Wooster, OH 44691 | PO Box 960 </p>
    </div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
CSS FOR LIGHTBOX:
@charset "utf-8";
/* CSS Document */
/* jQuery lightBox plugin - Gallery style */
/* This layout is for sample purposes
    Feel free to edit it to suit your needs
.lbGallery {
          background-color: #FFF;
          padding: 10px;
          width: 520px;
          text-align: center;
          .lbGallery ul { list-style: none; }
          .lbGallery ul li { display: inline; }
          .lbGallery ul img {
          border-top-width: 5px;
          border-right-width: 5px;
          border-bottom-width: 20px;
          border-left-width: 5px;
          border-top-style: solid;
          border-right-style: solid;
          border-bottom-style: solid;
          border-left-style: solid;
          border-top-color: #FFF;
          border-right-color: #FFF;
          border-bottom-color: #FFF;
          border-left-color: #FFF;
          .lbGallery ul a:hover img {
          color: #fff;
          border-top-width: 5px;
          border-right-width: 5px;
          border-bottom-width: 20px;
          border-left-width: 5px;
          border-top-style: solid;
          border-right-style: solid;
          border-bottom-style: solid;
          border-left-style: solid;
          border-top-color: #F00;
          border-right-color: #F00;
          border-bottom-color: #F00;
          border-left-color: #F00;
          position: absolute;
          .lbGallery ul a:hover {
          color: #fff;
          border-top-color: #C09;
          position: absolute;

A link to your test page would be more helpful here.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

White lines appears at bottom of screen just during slide show on Keynote.

Hi, i hope some can help me with this problem.
2 White line appears at bottom of screen during slide show on Key note 2.0.2,m i have no problems on the preview, photoshop or other program that use photos.
Another thing, the same 2 lines appears in the window of the person i'm chating on messenger.
it's very strange....
gabe

It looks like an unstyled background in your frameset. You'd
be better
off ftp'ing to your .co.uk domain rather then importing the
page from
ntl world.
Cheers jojo
Adobe Community Expert for Dreamweaver 8
http://www.webade.co.uk
http://www.ukcsstraining.co.uk/
Extending Knowledge, Daily.
http://www.communityMX.com/
Free 10 day trial
http://www.communitymx.com/joincmx.cfm

I accidentally hit a key and a black appear at bottom of screen that keeps talking everything i type, how do i get rid of it?

i accidentally hit a key and a black bar is appearing at bottom of screen that keeps talking everything i type , how do i get rid of it?

Turn off VoiceOver.
http://atmac.org/voiceover-iphone-ipad-wont-stop-talking

How do i make launch pad appear on bottom of screen, how do i make launch pad appear on bottom of screen

How do I put my launch pad at the bottom of my screen for easy acces?

Welcome to Apple Support Communities
Open Finder, press Applications in the sidebar and drag Launchpad to Dock

IPhone 4S top of screen image appears at bottom of screen, there is flickering,

The screen on my iphone is showing the top part of the screen at the bottom of the screen. A system reboot hasn't helped - the power/lock combo. The images on the screen are flickering and jittery in some apps but perfect in others. Can someone help me to solve this? All help would be greatly appreciated. After a reboot thing there is a discoloured oval in the screen and the edges are faded.....

Hi Rrardo,
Welcome to Apple Support Communities.
It sounds like there is an issue with the video displayed on your iPhone. The article linked below should be able to help you resolve the issue either through troubleshooting or service.
iPhone: Hardware troubleshooting
http://support.apple.com/kb/TS2802
Display image issues
This can include bright or dark pixels, lines in video, or sections of video missing.
Try turning iPhone off and then on again.
Verify the issue is not content related, by viewing different content.
If the image is too dark, adjust the brightness. In General Settings choose Brightness and Wallpaper and slide the slider.
Issue not resolved
My issue is still not resolved. What do I do next?
Contact Apple Support.
I hope this helps.
-Jason

Light white lines appear raise at the bottom of screen ..wht to do??

Light white lines appear raise at the bottom of screen ..wht to do??

Light white lines appear raise at the bottom of screen ..wht to do??

How do I stop Guest Account from appearing on the login screen?

All of a sudden - like since I upgraded to iCloud - my login screen displays "Guest User". I have Guest disabled in Accounts. The only account I have active is mine. I don't want Guest to appear on the login screen. How do i stop it from doing so?

Even when the Guest Account / Access is disabled, the login option / and lock screen, still have a guest login.
This is because in Preferences/ Security & Privacy/General the bottom item is turned on.
Turn on: Disable restarting to Safari when screen is locked

Can I get my dock to appear on the extended screen display?

I would like to have my dock appear on my extended screen display and my lap top screen. Is this possible?
The thing that is frusterating is when I click on my dock, i have to drag everything that it pulls up onto the extended screen. I would much rather just click on the dock and have it appear on my extended screen without me having to drag it over. If I cant have my dock on both screens, is there a way that I can make my external display be the primary display and my mb pro be the secondary display?

Hi Scott,
If you want the dock on the side, rather than the bottom, you can have it on the right hand side of the right hand monitor, or the left hand side of the left hand monitor. One option, I guess would be to reconfigure things with the 24" as the primary screen, but to the left of the MBP, if you want the dock on the left. Probably not what you want for other reasons, but at least it would get the dock where you want it.
Another option might be to try the third party shareware application "Dock-it" , which allows you to create your own configurable "docks" in various locations. THis actually allows you to choose which monitor you want to locate any particular dock on, and allows placement on the sides of either or both. see http://www.gideonsoftworks.com/dockit.html
I'd been thinking about suggesting this app to Brett, too, but couldn't find the link at the time. I've been playing with it a bit since , and it certainly has some useful possibilities. The docks it creates are a little less intuitive than the Apple one, and a bit fussier to add things to, though.
Cheers
Rod

Horizontal bar showing desktop bottom of screen

I clicked or tapped something on my doc, now a 1 inch horizontal bar runs along bottom of screen showing desktop

I have no clue what that means! Lol.... Sorry. I did remove "dock from view", I have restarted the computer. I forgot how to take a screen snapshot, but again, just a horizontal bar along bottom, showing desktop. Dock, if visible sits on top of it, if I go to "full screen" bottom showing desktop disappears.
Again, when I tapped with two fingers, or right clicked or tapped with one finger....cannot replicate it, it just appeared pushing whatever window I have open up an inch and showing my desktop.

HDR Pro on CS 5 - Merged image appears but bottom with save buttons cut off??

When I select photos to merge, either via Bridge or within CS5 (Automate/Merge to HDR Pro), the Merged image appears over the CS5 screen. However, the bottom of the HDR screen with the photos selected for the merge along with the Cancel & Save buttons are cut off. The only way for me to exit HDR is to force quit.
My monitor resolution is 1440X900 which is better than the 1024x768 required for CS5.
I noticed the same problem in Terry White's video on Youtube describing workflow between Lightroom & CS5 HDR Pro (http://www.youtube.com/watch?v=rab25UTe6HY) as well as a couple of other users mentioning the problem to Zeno Bokor of Adobe (http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-78e5a.h tml).
Does anyone have a solution???
Thanks.

I found the soluion - after spending over an hour with Adobe phone support (800-833-6687) - of which 45min was being on hold.
It turns out that for some computers, Photoshop CS5 doesn't automatically work as efficiently as it could with the monitor resolution, even if the resolution is > than the minimum 1024 X 768. This is more frequent in those that have had older versions of Photoshop in them. This causes part of the screen to be cut off when going into HDR Pro.
One has to "prime" CS5 to recognize one's computer monitor settings. How to do:
Close out of PS CS5
Go to system preferences and select hardware settings/display (For PC would have to go through Control Panel/Hardware/Display)
Change monitor setting to one recommended by Adobe: 1024 X 768 or 1280 X 800
Save changes. Monitor will look less clear if you have been using higher settings...it's ok for now.
Now open CS5 again and access HDR Pro all three ways available, i.e. via Bridge, Mini Bridge and through PS under File/Automate.
Verify that the entire screen is visible including all thumbnails and Save/Close buttons.
Close out of CS5.
Go back to System Preferences ( for PC, go through Control Panel) and change back to your preferred resolution.
Voila! When you open CS5 again you should be able to see the entire screen.
For example, I use a Macbook Pro with OS 10.6.7 and the monitor resolution was set to 1440 X 900. However, I still couldn't see the bottom of the screen with the Save/Close buttons so couldn't save any work (had to force quit or escape to exit HDR). After doing the above steps, I am now able to use HDR Pro w/o problem and access the Merge via all three modes.
Via Mini Bridge - Choose photos to merge--> Tools (above photos, last on right in Content bar) --> Photoshop --> Merge to HDR Pro
Via Bridge - Choose photos to merge--> Tools (Tool Bar beside "Adobe CS5 Bridge" at left top of screen; 3rd from end) --> Photoshop --> Merge to HDR
Via inside Photoshop - File --> Automate --> Merge to HDR
Since this seems to have affected several people and is a simple solution, I have asked the supervisor I spoke to, Laurie, to please have someone in Adobe post this solution.
Hope this helped.
MJC

Making the dock appear simultaneously on all screens?

The dock only appears on my second screen if I put my cursor to the bottom. This makes windows resize all the time, and I'd rather have the dock just there at all times. How do I make the dock appear on all the screens at once? Like the taskbar on Windows, for example.

The dock will not display on my MB Pro screen now at all. I have my dock set configured to the bottom of the screen and to hide when not in use. At first it would display on either the external display or the Retina display based on whatever screen was "active" (Menu bar not grayed out), but even then it took like 5 or 10 seconds of hovering at the bottom of the screen to get it to appear. Now it will not display at all on my home screen.
Also, I like the idea of a whole separate menu bar/dock on the external display, with a separate Mission Control, but there should be some option to "link" the 2 displays in 1 mission control as well, as was the case with Mountain Lion. I used several desktops utilizing both displays at work, and kind of have them in categories. It was nice to swipe and move both displays' desktops in one swipe. That functionality is gone in Mavericks as far as I can tell. The user should have an option to use the old "linked" system, or the new one introduced in Mavericks.

I have messages button on bottom of screen and it has locked the apps from opening. Can't scroll down in settings.

My ipod touch has messags icon on bottom of screen and it won't allow me to open apps and I can't scroll down in settings.

Try resetting...
Hold the On/Off Sleep/Wake button and the Home button down at the same time for at least ten seconds, until the Apple logo appears.

TS1702 Hi, I downloaded some Apps and they all appear on my iphone screen saying waiting but will not fully download. On my account they are showing as downloaded so won't let me download them again. Any suggestions?

Hi, I downloaded some Apps and they all appear on my iphone screen saying waiting but will not fully download. On my account they are showing as downloaded so won't let me download them again. Any suggestions?

Hello Funkylildiva,
Thank you for contacting Apple Support Communities.
The following article addresses downloading past purchases.
Download past purchases
http://support.apple.com/kb/HT2519
If, after going through this article, you are still having problems, there are links to report a problem or contact iTunes Store suppport at the bottom.
Regards,
Jeff D.

HT4515 why did I loose my end call button at bottom of screen after last update? I have to push button on top of phone to end a call

Why did I lose my end call button at bottom of screen after last update ? I have to end a call by pushin button at top of phone

Hi dave2370,
Welcome to the Support Communities!
I'm sorry to hear you are having issues with your iPhone. The red End Call button should still be working.
For initial troubleshooting, I would suggest restarting and resetting your iPhone, and also updating it to the latest version of the iOS software, which is iOS 6.1.4.
iPhone, iPad, iPod touch: Turning off and on (restarting) and resetting
Restarting your device
Press and hold the Sleep/Wake button for a few seconds until the red "slide to power off" slider appears, and then slide the slider.
Press and hold the Sleep/Wake button until the Apple logo appears.
Note: Reset your device only if you are unable to restart it.
Resetting your device
Press and hold the Sleep/Wake button and the Home button together for at least ten seconds, until the Apple logo appears.
iOS: How to update your iPhone, iPad, or iPod touch
I hope this information helps ....
Have a great day!
- Judy

On my iPad 2 at the bottom of screen it looks almost as if though the screen has folded up for about one inch. How can i get rid of this?

As per the heading. Foldover at bottom of screen. How can I get rid of it?

Reset the iPad and see if that makes the screen return to normal.
Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider - let go of the buttons.

Lightbox appearing at bottom of screen?

Similar Messages

Maybe you are looking for