These Free Web Templates Will Help You Build an XHTML+CSS Web Site

Use these free Web templates to create valid XHTML documents using CSS instead of tables. If you don’t want to learn to write CSS layouts, you can still create valid XHTML using free Web templates. The newest are listed first.

  • 3-Column with Header and Footer Layout
    Once you have a 3 column layout, you will probably want to put a header and footer on it. This template makes it easy.
  • Better 3 Column Layout
    There are many ways to do a 3-column layout using CSS and XHTML, but this one is one of the better ways to get 3 columns on your Web page without a lot of headache or trouble. And this 3-column template works in both IE and Mozilla (Netscape) browsers.
  • 3 Column Layout with Footer
    Once you have 3 columns on your Web page, getting the footer to display below all three columns can also be a pain. zSB(3,3);if(!z336){var zIsb=gEI(“adsb”);if(zIsb){zIsb.style.display=”inline”;zIsb.style.height=”0px”;zIsb.style.width=”0px”;}var zIss=gEI(“adss”);if(zIss){zIss.style.display=”inline”;zIss.style.height=”0px”;zIss.style.width=”0px”;}}
  • Fake Frames Layout
    While I don’t recommend using this to replace frames, this is a good template for learning how the overflow property works.
  • Three Column Top Layer Layout
    The three column layout is very difficult to do in CSS, but it is possible. And this variation adds a top layer.
  • Top Square Navigation Layout
    I got the idea for this simple layout from a forum I was reading, where the writer wanted the text in the layout to wrap around the navigation box. I just thought it might look nice.
  • Wrap Text Around an Image Layout
    An interesting effect in print is the ability to wrap text around an image so that it follows the contours of the image. With this CSS trick, you can mimic this effect on your Web site.
  • Brown Crossbar Layout
    This Web site layout was suggested to me by Marcia, the Bipolar Disorder Guide at About – it uses three divs to create a cross in the upper left of the page with the main content held below it.
  • Photo Gallery Layout
    This layout provides a simple way to layout a thumbnail photo gallery. It includes JavaScript to create the secondary pages.
  • Form Layout
    This layout shows you one way to display a form using valid XHTML and no tables.
  • Left Navigation Top Header with Photo and Colors
    This layout takes it’s look and feel from a photo of an iris from my garden. The layout can be used for a photo page, or an ecommerce site product detail page, or just with a decorative photo as my example displays.
  • Floating Navigation Box
    When you don’t have a lot of navigation links, sometimes all you need is a box at the top of your pages with the navigation in there. This box floats to the right or left and the text in the main area flows around it.
  • Top and Bottom Rows
    Sometimes all you want is branding at the top and contact/copyright information at the bottom.
  • Two Column with Top Branding Layer
    This layout adds to the basic two column layout by adding a top row for branding and global navigation information.
  • Three Column Layout
    Similar to a newspaper, this three column layout features fixed width columns on the right and left with a variable width center column for your main content.
  • Two Column Layout
    This is a very basic layout, with two columns. The left is fixed width and the right is the rest of the window space.
  • Centered Single Column Layout
    This is a very basic layout, with the content centered on the page in an 80% wide column. Usually the page itself is a different background color, with the content surrounded by a border. For this template, I chose to make the main page color grey with a black border.

Terms of Use

You are free to use any of the free Web templates here for personal or commercial designs, either in print or on the Web, excluding items for resale. You may not give away, sell, or redistribute the files in any way. Do not post these files on any another Web site, electronically distribute them, or include them in any package for distribution. If you find these files useful, please include a credit line or a link back to this site [http://webdesign.about.com/]. Terms of use last modified 8/29/2004. function obL(a){if(a[0]!=”Elsewhere on the Web”){var uc=(a[0]==”Related Resources”||a[0]==”Suggested Reading”)?”18/19C”:”18/19D”;w(“

“+a[0]+”

“);var i=1;while(a[i]){if(a[i+1].substring(0,26)==”http://video.about.com/gv/”)a[i+1]=”javascript:zpu(”,’http://clk.about.com/?zi=18/1K3&zu=”+a%5Bi+1%5D+”‘,470,450,’vp’,(screen.width-470)/2,(screen.height-450)/2)” var p=(a[i+1].charAt(0)==’/’)?”http://”+gs+”.about.com”:””; w(x2+p+a[i+1]+x1+’ onClick=”zT(this,\”+uc+’\’)’+x1+’>’+a[i]+”);i+=2;}w(“

“+x6);}} if(this.zLb&5){if(this.zIoa1){obL(zIoa1);}if(this.zIoa2){obL(zIoa2);}if(this.zIoa3){obL(zIoa3);}}

More Free Web Templates

Free Web Menu Templates

zau(256,420,100,’ri’,’http://z.about.com/5/o/c.htm?gs=’+gs,”)

Posted By: Shane Fowler

http://www.fowlercomputer.com

shane@fowlercomputer.com

Advertisements

About Shane G. Fowler

Fowler Computer Repairs desktop and laptop computers in the Rochester NH, Wakefield NH area. We also offer Local Business Internet Marketing Services and Copywriting for SEO.
This entry was posted in Developing Websites, Internet Marketing. Bookmark the permalink.

18 Responses to These Free Web Templates Will Help You Build an XHTML+CSS Web Site

  1. Make Money Tools says:

    This is a great post, I really am enjoying your computer blog. I can’t wait to see the Fowler Computer Website when it is up and running. Just thought I should say you’re doing a great job.

  2. Marios Loizou says:

    I think the site says the truth i have done the same. Thanks for the great advice. These are some of the best seo ideas I have tried yet.

  3. rachael says:

    Thanks for the great CSS templates Fowler Computer

  4. Liquid Server says:

    just used the templates and made some cool new sites. Much Thanks to Fowler Computer for this great Blog.

  5. ST says:

    Thanks for this great info on CSS and SEO. I will use these tips and let you know how it works out with my business.
    P.S. I hope you have much success with Fowler Computer.

  6. David says:

    Keep up the goodwork, i’m really enjoying reading your blog today, something has to get me through work! If I need a laptop I know where to go. Thanks

  7. Cornelious Brown says:

    Thanks for helping me I was so confused before.

  8. Cornelious Brown says:

    Thanks again Fowler Computer. I’m making money with my website now.

  9. google says:

    nice info well laid out and keep posting. I will keep visiting the Fowler Computer Blog for more information later.

  10. Andy says:

    Great post, keep the info / updates coming.

  11. Bill says:

    Really good info, and will use the templates

  12. adrian says:

    Hi, Your site was a wonderfull info for me and visitors.
    Congratulations for your effort and job.
    God Bless you and your visitors too.

  13. Yes, it’s nice point. I am totally agree with you. Thank you, cheers..

  14. Deane says:

    Nice Templates. thanks

  15. This blog is full of information and free templates about computers. Thank you and keep up the good work.

  16. Resell Rights says:

    Great CSS templates from fowler computer

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s