Aligning image attributes horizontally?

[JasonRSI]

Sorry if this is a dumb question - I am very new to ZenCart and have been trying to fumble my way through this in order to get us going. I have added some attribute images however I want all 4 of the fastener options to be placed horizontally beside each other. How can I do this and what file do I edit to make it happen?

Also - does anyone have some sort of breakdown as to what the different PHP files and CSS stylesheets do? I am very confused everytime I try to make a change - I understand changing colors and fonts etc. in the CSS stylesheet - that basically makes sense - however, where do I go to actually move images and other elements around in my pages?

Sorry for the rookie questions - please help me - thanks!

[JasonRSI]

Oh ya - the link to the page I'm talking about is
http://nicebadgeusa.com/cart/index.p...&products_id=5

[pjb923]

The best way to find the files that you need to edit is by looking at the source code on the page you want to make a change to. Find the area of code you need to edit, log into your Zen Cart admin panel and use the "Developers Tool Kit" to search for it. You can find it under the tools menu.

In your example, I would search for the word "attribImg", since it is the class name of the div containing your images.

Search using the last box, and select "All files - Catalog" from the drop down menu. This should lead you to "/catalog/includes/modules/attributes.php"

Make a copy and put in in your custom template folder "/catalog/includes/modules/your_template/"
Then you can start making your changes.

Removing some of the <br class="clearBoth" /> entries should get you started. Just be careful if you are not comfortable editing php, because one syntax error can stop your shop from loading.

One of the most difficult things about zen cart is learning which files you need to edit, but just keep using this method and you well eventually get to the point where you know where everything is.