Product Description Page Alignment Help

[gjh42]

<div style="border:1px solid #ff0000; float:left;width: 790px">

gives all of the styling inline in your PHP file, without reference to the stylesheet. The more "proper" way would be to use something like

<div class="myAttributes">

in the PHP file, and add to your stylesheet

.myAttributes {border:1px solid #ff0000; float:left; width: 790px;}


...Like keneso said:)

[nolsowski]

<div style="border:1px solid #ff0000; float:left;width: 790px">

gives all of the styling inline in your PHP file, without reference to the stylesheet. The more "proper" way would be to use something like

<div class="myAttributes">

in the PHP file, and add to your stylesheet

.myAttributes {border:1px solid #ff0000; float:left; width: 790px;}


...Like keneso said:)

Thank you! I think I got it. :)

[keneso]

You are on the right track.

Sorry I forgot to tell you should add float: left to your productAttributes in stylesheet.

And like said the myAttributes should start right after productDescription, and end after productAttributes.

[nolsowski]

You are on the right track.

Sorry I forgot to tell you should add float: left to your productAttributes in stylesheet.

And like said the myAttributes should start right after productDescription, and end after productAttributes.

Okay I think I got it. This stuff can be confusing sometimes. lol

Is that how it's supposed to look?

[keneso]

Yes, now it's almost done, add the
float: left;
to your #productAttributes in the stylesheet

#productAttributes {
background: none repeat scroll 0 0 #E4E3CC;
border: 1px solid #F3ECD9;
float: left;
padding: 10px 14px;
}

Then tweak all to your likes, don't forget the pinit button, which is overlapping the socials.

[nolsowski]

Yes, now it's almost done, add the
float: left;
to your #productAttributes in the stylesheet

#productAttributes {
background: none repeat scroll 0 0 #E4E3CC;
border: 1px solid #F3ECD9;
float: left;
padding: 10px 14px;
}

Then tweak all to your likes, don't forget the pinit button, which is overlapping the socials.

I did change that before. Idk why it's not moving to the left.

[keneso]

Well done, I see you got it.

Now add this last to myAttributes
margin: 19px 0 19px 0;
to put a little space between the product description, and the extra images.

And if you want a bit more consistency among the various products, add a width: 550px; to the #productAttributes