consistent size for content areas...

[khopek]

It's probably in the css...

For example, the model box is using this css tag:

<ul id="productDetailsList" class="floatingBox back">

If you look in your css, there is this code:

.back {
float:left
}

That is what is telling the model number box to be like that.

Now, you don't want to remove that from your stylesheet, because a lot of other things use that style. So I would just remove 'back' from here: <ul id="productDetailsList" class="floatingBox back"> in tpl_products_info_display.php. Or you can give that box its own class, like "modelNumberBox", so that you can add more styles to if you like.

SWEET! i'm going to try that right now....

[khopek]

that worked! the model # and attributed move up. It's just a little too far over to the left though...

[khopek]

SWEET! that worked, however it is a little too far over the left. How do I change this.

sorry for all the question i've just been stuck on this page for ever.

[jettrue]

SWEET! that worked, however it is a little too far over the left. How do I change this.

sorry for all the question i've just been stuck on this page for ever.

You really need to give it its own style tag like I mentioned, so you can style that box with the css.

I'd change class="floatingBox"

to class="modelNumberBox".

Then I'd open up my stylsheet, and add:
.modelNumberBox {
width:100%;
margin-left:5px}

That'll do it! :-)

[khopek]

You really need to give it its own style tag like I mentioned, so you can style that box with the css.

I'd change class="floatingBox"

to class="modelNumberBox".

Then I'd open up my stylsheet, and add:
.modelNumberBox {
width:100%;
margin-left:5px}

That'll do it! :-)

ok so i can't get it to move right a tiny bit. it's the bullet points that are running into the picture. i want those to be even with the rest of the text. otherwise it's going good!

[jettrue]

ok so i can't get it to move right a tiny bit. it's the bullet points that are running into the picture. i want those to be even with the rest of the text. otherwise it's going good!

Did you add that to your stylesheet.css? I dont' see:
.modelNumberBox {
width:100%;
margin-left:5px}

in your css at all. Where did you add it?

[jettrue]

Actually try this instead:

.modelNumberBox li{
width:100%;
margin-left:10px}

[khopek]

Actually try this instead:

.modelNumberBox li{
width:100%;
margin-left:10px}

yeah i did add it, right above where .floatbox is

and i tried changing the margin to various things and didn't work.

let me check, i've been having issues... such as my background colors changing when i never touched them, and stuff disappearing.

[jettrue]

Just refreshed your site, I like it better like this, without the border around the product images. :-)

[khopek]

same here. i did that just to see something and never changed it back....