CSS Layout Generator

This generator will help you to create a css page layout, with up to 3 columns and with header, menu and footer bars.


Preview

Previewing how your layout will look in real-time and generating the CSS and HTML source code, makes this a useful and timesaving CSS tool for anyone who creates content for the web.


Create Your CSS Layout

To create your layout select the structural elements your site requires (header, menu, footer, columns). Then specify a size in the field provided and choose a background color.

Layout:
Page Alignment:
Full Page Centered Page Left Alignment
Header:
Include Header
Horizontal Menu:
Include Horizontal Menu
Footer:
Include Footer
Main Content:
Background Color:

Generated Code

Copy the HTML and CSS generated below to your web page.



Other Tools
CSS Compressor
Free online CSS Compressor to increase loading speed and save on bandwidth as well.
MetaTags
Most search engines depend on your webpage having proper META tags in order to properly...
Countdown The Days
Count down the days to any given date are great additions to your website, and are easy to...
Forum Topics
Auto post images with an app/ Web Services
Hi all, I'm a newbie. and I want to ask a question. I installed CF Image Host Pro (thanks to you for your...
I can not use: Mod_rewrite
I want to use real photos link. I have enabled: Mod_rewrite but still not successful and meet some of the...
direct link doesnt work
hi, i have this odd problem, when choosing direct link from the image sharing links, it shows cant open...
split sitemap into multiple .xml files
Google only likes each xml sitemap to contain 50,000 links max. This is a problem for me. Sitemap increased...
Max size allowed
Sorry, the image size is to big,3300x3300 is the Max size allowed. как-то...