Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 291
  • Last Modified:

CSS positioning question

I have a car website and I'm trying to position the group of images up just underneath the main image of the car and left aligned with the car.  I can't seem to get it done with CSS.  Can someone help me adjust the CSS

http://www.drivecore.com/Product.aspx?ProductID=66407&CategoryID=23&L=1
0
saturation
Asked:
saturation
1 Solution
 
COBOLdinosaurCommented:
The main picture is in a box with height:300px

Reduce the height and the small ones will move up; or give the class scrollarea a negative value for margin-top.

Cd&
0
 
Julian HansenCommented:
1. Remove the height from here

<div style="cursor: pointer;height: 325px;" onclick="javascript:ShowLargeViewPopup()" class="imageholder"><img src="Image.aspx?strFileName=BUICK_1G4GC5EC8BF391013.01.jpg&amp;strItemType=p&amp;numMaxHeight=275&amp;numMaxWidth=325&amp;numItem=66407&amp;strParent=" id="placeholder_p_66407" alt="2011 BUICK LACROSSE CXL">
</div>

2. Remove the margin from this style line 668 of general.css
.imageholder img {
  margin: -40px; <== remove this
  padding: 0;
}

Open in new window

3. Remove margin from this style line 679 of general.css
.imageviewer .gallery {
  background-color: #FFFFFF;
  border-top: 1px solid #FFFFFF;
  margin-left: 17px;
  margin-top: -105px;  <== Remove this
  text-align: left;
  width: 300px;
  z-index: 1000;
}

Open in new window

You can also probably remove the spacers and use positive margins for those.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now