52 lines
1.3 KiB
HTML
52 lines
1.3 KiB
HTML
|
<?xml version="1.0" ?>
|
||
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitionalt//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" subLang="en" xml:subLang="en">
|
||
|
|
<head>
|
||
|
|
<title>Layout Example - Columns Floating Left</title>
|
||
|
|
<style type='text/css'>
|
||
|
|
body {
|
||
|
|
margin:0px;
|
||
|
|
background-color:blue;
|
||
|
|
font-family:verdana, sans-serif;}
|
||
|
|
|
||
|
|
#header {
|
||
|
|
background-color:gray;
|
||
|
|
padding:12px;
|
||
|
|
height:180px;}
|
||
|
|
|
||
|
|
#navigation {
|
||
|
|
background-color:#f5f599;
|
||
|
|
padding:12px;
|
||
|
|
height:50px;}
|
||
|
|
|
||
|
|
#footer {
|
||
|
|
background-color:#ff8822;
|
||
|
|
padding:12px;
|
||
|
|
height:50px;
|
||
|
|
clear:both;
|
||
|
|
border-top:20px solid #ffffff;}
|
||
|
|
|
||
|
|
.column1, .column2, .column3 {
|
||
|
|
float:left;
|
||
|
|
width:32%;
|
||
|
|
margin-left:2%;
|
||
|
|
background-color:orange;
|
||
|
|
padding:1%;
|
||
|
|
margin-top:22px;
|
||
|
|
height:200px;}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="header">Love Sayings</div>
|
||
|
|
<div id="navigation">When you like someone, you like them in spite of their faults.<br>
|
||
|
|
When you love someone, you love them with their faults.<br><br>
|
||
|
|
|
||
|
|
Elizabeth Cameron</div>
|
||
|
|
<div class="column1">column 1</div>
|
||
|
|
<div class="column2">column 2</div>
|
||
|
|
<div class="column3">column 3</div>
|
||
|
|
<div id="footer">Love Love Love</div>
|
||
|
|
</body>
|
||
|
|
</html>
|