Hi Everyone. At the moment I do static/fixed-width websites and have done for many years. But now I realize I cannot delay any longer in moving to responsive layout designs and will now update all websites I am responsible for to give them a responsive design. Obviously I have to make templates from scratch etc. themed on my current sites but just had a few newbie questions:

1) I have a website with 3 different types of pages. The first is the home page which has lots of products in boxes -- 3 across and 3 deep. The second is a long table listing all the products and with product names and buy buttons etc. And the third is a normal product page with text and a pic etc. Would you create a different template for each type of page? And if so, does that mean that I have 3 different CSS style sheets... one for each type of page? (Or perhaps would you create a template that includes all 3 types, one above the other in different rows, and then just delete the types not in use for that page?)

2) I have both RLM Pro and RSD. For what I am doing, do you think there is any advantage using RSD over RLM Pro if I am just doing templates and then manually slotting in content from an existing website?

Cheers, Andrew

I'm thinking of using this approach as well, so I'll be very interested in the replies. (I have RLM Pro and am gearing up my wallet to obtain RSD).

If your only maintaining your sites and not developing more for others then I would use RSD. If your a developer then RLM might be the better choice.

No need to create a bunch of different style sheets, especially since you'll have some styles that apply to all pages (<h> tags and fonts, menus, etc.)
You could create a "maincontainer" style. Start with everything common to all 3 pages (ex: margins, padding, p font size and color).
Then customize it for each version you need (positioning elements, etc.):
.maincontainer : positions the product section within the page and sets general styles (use this for the main content on all pages)
.maincontainer-home: your 3 x 3 product grid
.maincontainer-lists: table w products, prices, buy buttons
.maincontainer-product: product photo, description, etc.
Call these whatever you want as long as they make sense to you. You can re-use these for all your sites that require that set up. Just change fonts, colors, per site.

Thanks for the feedback, much appreciated.