I have just started using the YUI CSS framework and I need to build an exceptional simple template (so I thought), however, I am having trouble doing just that!
I will outline the structure below in an image for reference. I have already designed all the graphics, I just need to now create the css. I have attached the image layout.jpg, which is a color-coded example of how the template is structured.
Here's the sizes of the columns:
Black - width: 990px, height: 88px
Red - width: 990px, height: 40px
Blue - width: 425px, height: X (as long as it needs to be)
Yellow - width: 551px, height: 70px
Green - width: 250px, height: X
Purple - width: 287px, height: X
There will be a footer at the bottom of this, but I know how to do that without a problem.
Here's how the margins would work:
Between Black and Red: 0px margin, they should touch
Between Red, Blue & Yellow: 11px high
Between Yellow, Green & Purple: 11px high
Between Blue, Green & Purple: 14px wide
If someone could help me do this using the YUI CSS, OR any simple CSS template for that matter (should I still utilize YUI's reset.css?) I would be very very grateful.
I will accept reasonable offers for payment on this type of work. Thank you very much, if you require any clarification I will check back often!