Attribute image horizontal layout

[pjn11]

Hi there, I am in desperate need of help, I need to set my images horizontally as there are too many to list in colum but I am having problems with it and can't get them to work I have read various posts on here but can't make head nor tail of it.

[stevesh]

A link to your site would help.

[pjn11]

yeah good point sorry here is the page i want to do http://nsigns.co.uk/shop/index.php?m...roducts_id=868

[stevesh]

Find the .attribImg rule in your stylesheet and make it look something like this:

.attribImg {
width:20%;
margin: 0 3em 2em 2em;
float: left;
}

You can adjust the numbers to suit.

[pjn11]

Thanks you your help so far but still nothing ive added that to the stylesheet.

[stevesh]

Looks different here. Try this:

#productAttributes {
width: 650px;
}

.attribImg {
width: 80px;
margin:1.3em 4em 1em 2em;
float: left;
}

[badarac]

What do you mean by horizontally? Do you mean to display in 4 columns instead of three? All in a line from left to right? What Steve suggested will change the size of the div but the images are 125px wide.

[pjn11]

What I mean is as there are a few images I want them in rows or three or four to save space