That guide uses tables, which are not meant to be used in designing, only to format data (as in Excel, you know with all the columns etc
)
Use div layers and CSS instead, gives you better control over the layout and lesser and cleaner code
http://www.w3schools.org to learn more about (X)HTML and CSS.
EDIT: I checked the images in your photobucket account, I would say about 3-5 divlayers.
EDIT again:
http://ibisaeg.mine.nu/andras/Bloglayout
Ok, 2 divlayers then ;P
Although I think that the images is way to small, if you're gonna make a site out of them, I sit with 1280x960, and my winamp is bigger than that thing ;P And it was the biggest of the three I could find.
XHTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv">
<head>
<title>Something</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="content">Hohoho, I can write things here! and it all wraps 'n stuff!! :D
</div>
</div>
</body>
</html>
CSS:
Code:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
font-size: 12px;
}
#container {
margin: auto;
width: 425px;
height: 300px;
background-image: url(../images/blog1.gif);
}
#content {
margin: 4px;
top: 6px; /* Puts this div 6px downwards from the div its in. */
left: 229px; /* Puts this div 229px from the left of the div its in. */
height: 289px;
width: 190px;
position: relative; /* Relative position to the div its in, instead of the whole site (absolute). */
}
_________________
http://ibisaeg.mine.nu
<silja rox my sox>... somewhat
Login 
Register
FAQ
Search
.
<-- By Silja
