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

saturation

Asked: 2013-05-30

Advertise Here

1 Solution

LVL 53

COBOLdinosaurCommented: 2013-05-30

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&

LVL 62

Julian HansenCommented: 2013-05-30

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&strItemType=p&numMaxHeight=275&numMaxWidth=325&numItem=66407&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.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Expand your skills with this month's free Premium course.

CSS positioning question

Join & Write a Comment Already a member? Login.

Featured Post