Solved

CSS positioning question

Posted on 2013-05-30

1 solution

Medium Priority

286 Views

Last Modified: 2013-05-30

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

Comment

Question by:saturation

[X]

Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

Help others & share knowledge
Earn cash & points
Learn & ask questions

Join The Community

2 Comments

LVL 53

Accepted Solution

by:COBOLdinosaur

COBOLdinosaur earned 2000 total points

ID: 392087592013-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 58

Expert Comment

by:Julian Hansen

ID: 392090152013-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.

Featured Post

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Bootstrap Masterclass – Part 1

Article by: Gary

As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…

How to Become a Web Developer

Article by: Ryan

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?

Creating Gradients in CSS

Video by: Sarah

In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …

CSS
HTML

Creating an Image Sprite

Video by: Sarah

In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…