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 time saving 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 Centred 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

URL Decoder/Encoder
With this free on-line tool you can decode or encode a URL(webs address) string quickly...
Page Entry Alert/Message
Once you enter a page you will get an JavaScript alert message open up.
Password Generator
This On-line Password Generator allows the creation of multiple random passwords of a...

Forum Topics

Essay writing Help
Many people struggle greatly with writing essays. From developing topics, to conducting research, to...
Problem with ban users
Hello! Sorry to my English. I add user to ban list, but he still can upload images. How fix it? Thanks.
Remote Upload
Remote Upload works not on 1.6.5 with nginx, php 5.6.30, can anywhere tell me who is the problem ?
How I can change format and size of file uplaod
hi how i can change format of file uploaded ? and how i can change maximum size of file uploaded ? which on of...
Resposnive Theme
Is there any repsonsive or more mobile friendly theme I could use?