Fix JQuery/HTML/CSS Errors in lightbox

IN PROGRESS
Bids
20
Avg Bid (USD)
$41
Project Budget (USD)
$30 - $250

Project Description:
Having a few issues with jQuery/HTML/CSS (see attached ZIP). Problems are with a lightbox (colorbox).


--Unpack attached ZIP and load index.html. Click on any link to observe issues.

1. On first load, the height is not 100% expanded as it should be. Once the images cycle through the list though, it looks OK.

2. If you click on the link before the javascript/jquery loads, nothing happens. I would like to set the HREF="" for the links to another page, to make it downwards compatible. If you set HREF="www.google.com" for example, if you click the link it will change to google.com if the code is not loaded.

3. The numbers (1,2,3,4) that load with the lightbox should be centered in the boxes. In Firefox, for example, the CSS does not look 100% centered.

4. The HTML should automatically size to the image. For example, TEST LINK #1, image #2, the space at the top is too big. The "popupdescription" width should shrink to fit everything to the width of the image. "popupprice" width should be fixed. HTML/CSS may need to be redesigned.

5. Final adjustments...everything should work 100% in major browsers (chrome, safari, FF, IE, etc.)

6. Any code optimizations would be appreciated.

Skills required:
CSS, HTML, Javascript, jQuery / Prototype
Additional Files: demo.zip
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.