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
CSS3 Transform
This online tool allows you to experiment with the CSS Transforms for Safari, Chrome,...
URL Decoder/Encoder
With this free online tool you can decode or encode a url(webs address) string quickly for...
SHA1 Hash Generator
The SHA produces a 160-bit representation of the message called the MessageDigest.
Forum Topics
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. как-то...
Contact form fix [both versions]
The contact page was not working. Apache error log gave me a silly error. Quote:PHP Fatal error: Call to...
CF Captcha headers problem
I've included "cf.captcha.php" on my "index.php" file and sometimes (not everytime) I get that error when I...