HTML Layouts

38 views

HTML tables to format the layout of an HTML page.A part of this page is formatted with two columns. you can see on this page, there is a left column and a right column.This text is displayed in the left column.HTML <table> is used to divide a part of this Web page into two columns.

The trick is to use a table without borders.

<html lang=”en”>
<head>
<title>Test</title>
<style type=”text/css”>
body {background: #ccc url(back.gif) left repeat-y;}
#header {
height: 150px;
position: absolute;
top: 0px;
left: 0px;
background: #A81C1C url(header.gif) no-repeat;
z-index: 1;
}
#content {
width: 500px;
position: absolute;
top: 100px;
left: 50px;
color: #fff;
z-index: 2;
}
#column {
width: 150px;
position: absolute;
top: 100px;
left: 600px;
z-index: 3;
}
</style>
</head>
<body>
<div id=”content”>
<!–content–>
</div>
<div id=”column”>
<!–column–>
</div>
<div id=”header”>
<!–header–>
</div>
</body>
</html>

« Enumerated Type - enum	HTML Fonts »
Posted on Tuesday, June 24th, 2008 at 12:37 pm under HTML For Advanced \| RSS 2.0 Feed

Post Comment

You must be logged in to post a comment.