Changing the way the product description page looks

i want to change the way the attributes and all the buttons are positioned so that there tighter together and aligned in a more proper way, where would i do this? is there a tutorial on it?

is there a proper way to do this? if so please tell/link me to such information

I want to make it look like this:

[DROPDOWN] [DROPDOWN]
[DROPDOWN] [DROPDOWN]
[DROPDOWN] [DROPDOWN]

(review)(tellafriend)(addtocart)

Do you perhaps have an URL to a Product where you want to make this change to give a better real life idea of what you are trying to do?

one sec.. and ill make up an image

this is the product description page as it is currently http://webstore.4junderground.com/index.php?main_page=product_info&cPath=2_3_5&products_id=12

and i stuck the image as how i want it to look as an attachment

Attachment #296

You'd really have to do quite a bit of customizing to the attributes module to have it configure to draw the dropdowns 2 across and know when to make the break ...

oooh, well..

instead of it being..
[dropdown] [dropdown]
[dropdown] [dropdown]

it could just be ...
[dropdown]
[dropdown]
[dropdown]
[dropdown]

but i want it to be nice and tight like how it is in my picture

is there a way i could do the other part easily?

If you do a View Source you will notice the extra clear both between dropdowns ...

where could i edit it all at then?

the attribute module? where is that?

Might peek in the:
/includes/modules/attributes.php

Please refet to the post below for cosmetic in css for the attribute displays.
center attributes

And in the Post #4 - Re: center attributes, adjust or modify attributes dispaly in Product Info Page

Hope this helps.

.

ok that helped. but what about the addtocart, tellafriend, and review buttons, how can i move them around?

Copy the following file
includes/templates/template_default/templates/tpl_product_info_display.php

To your override directory
includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php

Modified the file, move the sections around for yourself. And all the sections in the codes have marked like following.

<!--bof Add to Cart Box -->
.....
<!--eof Add to Cart Box-->

<!--bof Product details list  -->
.....
<!--eof Product details list -->

<!--bof Attributes Module -->
.....
<!--eof Attributes Module -->

<!--bof Quantity Discounts table -->
.....
<!--eof Quantity Discounts table -->

<!--bof Additional Product Images -->
.....
<!--eof Additional Product Images -->

<!--bof Prev/Next bottom position -->
.....
<!--eof Prev/Next bottom position -->

<!--bof Tell a Friend button -->
,,,,,
<!--eof Tell a Friend button -->

<!--bof Reviews button and count-->
.....
<!--eof Reviews button and count -->

<!--bof Product date added/available-->
.....
<!--eof Product date added/available -->

<!--bof Product URL -->
.....
<!--eof Product URL -->

<!--bof also purchased products module-->
.....
<!--eof also purchased products module-->

Some suggestion for long term,
Diy, Hiy and refer to the basic tutorials related, of which are flooded in the internet.