Now I know how to build tables in html and css, I teach myself div. I understand the positioning of div blocks not so good. I have the following css code:
Code:
div # topbar (
position: absolute;
top: 0px;
left: 20px;
height: 20px;
width: 800px;
text-align: right;
font-family: Tahoma;
background-color: # efefef;
)
div # left (border
position: absolute;
top: 0px;
left: 0px;
height: 500px;
width: 20px;
background-image: url ( "left.jpg");
)
div # right (border
position: absolute;
top: 0px;
left: 800px;
height: 500px;
width: 20px;
background-image: url ( "right.jpg");
)
div # logo (
position: absolute;
top: 20px;
left: 20px;
height: 100px;
width: 800px;
background-image: url ( "logo.jpg");
)
It includes the following html page:
Code:
<html>
<head>
<title> div test page </ title>
<link href="stijl.css" rel="stylesheet" type="text/css">
</ head>
<body>
<div id="topbar"> </ div>
<div id = "left border" </ div>
<div id = "right border" </ div>
<div id = "logo" </ div>
</ body>
</ html>
The logo is something strange on left the hand. By placing the logo, It is of the position of the previous div. I do not want that. In the tutorial I follow do not. Since they use just absolute. Who can help me with this?
Bookmarks