# Monday, November 26, 2007

A cool little quick and dirty CSS Layout Tool - Layout-o-Matic

Layout-o-Matic, A quick and dirty way to get a some HTML and CSS for you're desired layout. Sure, it's simple to do this yourself, but if you can get it for free in 60 seconds I'm all for it.

What you get:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="http://www.inknoise.com/experimental/layoutomatic.php" />
    <style type="text/css">
        #container {
            width: 760px;
            \width: 780px;
            w\idth: 760px;
            border: 1px solid gray;
            margin: 10px;
            margin-left: auto;
            margin-right: auto;
            padding: 10px;
        }

        #banner {
            padding: 5px;
            margin-bottom: ;
            background-color: rgb(213, 219, 225);
        }

        #content {
            padding: 5px;
            margin-right: ;
            background-color: gray;
        }

        #sidebar-a {
            float: right;
            width: ;
            margin: 0;
            margin-left: ;
            padding: 5px;
            background-color: rgb(235, 235, 235);
        }

        #footer {
            clear: both;
            padding: 5px;
            margin-top: ;
            
            background-color: rgb(213, 219, 225);
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="banner">&nbsp;</div>

        <div id="sidebar-a">&nbsp;</div>

        <div id="content">&nbsp;</div>

        <div id="footer">&nbsp;</div>
    </div>
</body>
</html>

Got this from the post The Best CSS Tools which seems to be a total regurgitation of stuff long seen before. I just like the look and name of Layout-O-Matic.

CSS
Monday, November 26, 2007 1:31:21 PM (Eastern Standard Time, UTC-05:00)
#    Comments [0] |
Comments are closed.