5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

CSS templates

by biggerdunk
4 replies
  • WEB DESIGN
    • |
Hi,

I'm in the process of converting two of my websites to CSS instead of using HTML tables. Does anyone know or know any good resources of a basic template? What I need is:

Website 1

Header
Left Column (Fixed width)
Right Column - Main content, roughly 600px wide but if neccesary can expand horizontally to fit more content.
Footer

Website 2

Header
Left and right Column, again fixed width.
Main content in the center (preferably that can expand horizontally again but not too important)
Footer

I'd also like it so that I can have the main content at the top of my notepad page so all the main content comes first, then the column code below that.

Sorry, fairly demanding...

I know the basics of CSS and I've obviously found a few templates online but I've found them fairly tricky to edit to my own needs and making changes have made them go a bit crazy :-s

Any help much appreciated!

Thanks
#css #templates
  • Profile picture of the author yosis
    Hi Biggerdunk,

    Have you tried the following website: * Free CSS Templates * < * Mitchell Bryson * | * Sheffield Website Design, Web Development & SEO *

    These are all bare-bones which helps you to efficiently customize them to fit your needs. If you take a look at one of the stylesheets, you'll see that all you would have to do is create seperate styles.css for each layout you need and add a separate column since in your description left column will have a different width than the right.

    I hope that helps!

    p.s. Here's another layout page that you might find useful.
    {{ DiscussionBoard.errors[720451].message }}
  • Profile picture of the author NickL
    Question: Do you want all the columns to grow vertically together? Or if, say the content column grows to have to scroll down, the left column can be only as "tall" as its content would dictate...

    So - would the other columns grow with the content or would they have their own individual heights? This onlyu matters if you have borders around the side columns that would reveal that their heights were different (or if they were a different color that the rest of the page).
    Signature

    Have an Excellent Day!

    ~ Nick

    {{ DiscussionBoard.errors[720705].message }}
    • Profile picture of the author meckal
      Hi, It is so nice information .

      thanks a lot.
      {{ DiscussionBoard.errors[721553].message }}
  • Profile picture of the author TheCren
    W3Schools Online Web Tutorials has some great information on CSS and web dev in general
    Signature
    Niche Marketing Tools and Info
    {{ DiscussionBoard.errors[721755].message }}

Trending Topics