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

CF Image Host 1.6.5
A simple and easy to use Image hosting script, which aims to make it easy to set-up and...
CSS3 BorderRadius
This on-line tool allows you to experiment with the CSS3 Round Corners (Border Radius),...
URL Decoder/Encoder
With this free on-line tool you can decode or encode a URL(webs address) string quickly...

Forum Topics

Latest Cisco 300-115 Exam Study Guide
The IT industry is the future of this world. In the previous decade, it has taken over the job market,...
Tips for Writing an Effective Application Essay
When you observe to college, you’ll need to complete an essay as part of your software. This is your...
ImgLink.Me Free Image hosting
This is great software! Amazing. This is my site, feel free to host your image.. We will be free...
Two Issues - Deleting images and Dashboard hanging
Issue 1 I can't delete images using the admincp option. This is a serious fault if the site is spammed it...
Ad Layout
Is it possible to modify the ad layout? I would like to remove the header ad but I can't seem to find a way to...