aligning and spacing problems again

[tw_lovely]

dear all,

firstly i have problems in aligning the products.
In home page, i have made it as a grid form, which is 3 in one row. but it's not align properly. it have gaps between the tables that i need to get rid of. looks so messy.

here is my sites: http://9289.com.au/
it seems like the Products name and descriptions are too long, i have set up the Length of description to 150, sometimes it's two lines sometimes it's three. i just wondering is there any way to make it

secendly, can i make some space between two lines? i mean, my page looks so messy especially in customer register page: http://9289.com.au/index.php?main_page=create_accountis it cells padding and spacing problem?

thirdly, in products infomation page, can i make all attributes something like "Model" and "manufacture" align at the right side of the image,and make the descriptions bellow them which is like this?

sorry i'm new in coding and everything.*@_@*

i spent the whole day cant find the answers...
can anyone help??

Thanks a million! !!~~~

[nev]

Ok here are some quick ones.

The only suggestion I can make for the front page (at this hour of the morning) is to take off the bottom borders. This will not solve the problem but it will make it visually less obvious.

The other 2

Create account page:

Open your stylesheet.css
And find these lines:

LEGEND {
font-weight: bold;
}

LABEL, h4.optionName {

}

Change them to:

legend {
	padding: 0.3em;
	font-weight: bold;
	font-variant: small-caps;
}

label, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
}

The last line in legend

font-variant:small-caps;

is your choice I just think it looks cleaner like that.

The numbers I put for line-height and padding should work for you, if you don’t like the spacing then increase or decrease the values of them till you are happy with the way they look.

Be aware that the padding values stated like this are for ALL around not just up and down.

So if you increase too much you will create too much space sideways.

Products page:

If you set your product images to be 200px wide then the below numbers suggested should work for the product page without “braking” anything. If you look through the product pages and find that the descriptions start below the image to the right instead of beside it then decrease the width.

In the same stylesheet.css (almost at the top) find

.biggerText {
}
Change it to:

.biggerText {
float: right;
width: 450px;
}

You have some other issues you should look at. Like the the text for the product description.

You have a ton of styles in the html instead of in the style sheet.


Anyway hope this helps.
nev