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
Color Converter
This free online tool has been designed to enable you to quickly and easily convert in...
HTML Encode Decode
This tool can help with the 'escaping' of any text to its HTML special chars...
Time Greeting
Don't just welcome your visitors anymore, with this JavaScript wizard you can welcome them...
Forum Topics
show china pic
:blush:this my website cnhome[.]biz
How to block others from Uploading
Hi, First of all thanks to google for showing this wonderful image hosting script. It looks simple and...
Contact Form not Sending to email
The contact form shows that the information has been sent to the email I had given, but I do not get the...
admin.php index.php is blank when I deploy on openshift using git
unzip files out and git commit & git push to openshift server,index.php is blank after deleting install...
!!! Solution to Uploading Error bmp.class.php !!!
Sorry, I was wrong... But anyone whos getting errors, after installing, its because some files are getting...