Newbie! Webpage without tables?

by **KaKo** on Mon Feb 19, 2007 9:25 pm

Hey! I was wondering if anyone could explain me how to make a webpage that looks like this:

http://www.sapo.pt

(several columns and tables and menus but it is done without tables...)

Thanks!

by **ReFredzRate** on Tue Feb 20, 2007 7:40 pm

I think you should take a look at www.w3schools.com. There's a load of information about divs on there.

Take a look at www.vermanen.nl, my site. It's also entirely built with divs.
(http://www.vermanen.nl/style.css is the url to the stylesheet.)

by **abhijeet_thomas** on Wed Feb 21, 2007 9:49 am

who told you it has been done without tables. check the code. The places where there aren't tables he has placed <div> with absolute position. Here is the code with table

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.smalltables
{
border-top:1px solid #ff0066;
border-left:1px solid #ff0066;
border-bottom:1px solid #ff0066;
border-right:1px solid #ff0066
}
</style>
</head>

<body leftmargin="1" bgcolor="" bgcolor="" topmargin="1" bgcolor="#ffffff">
<table width="100%" height="100%" border="0" >
<tr>
<td width="20%" height="84" colspan="3">
<table class="smalltables" bgcolor="#0000FF" width="100%" height="100%" border="0" cellpadding="1" cellspacing="1">
<tr>
<td height="53"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><table class="smalltables" bgcolor="#0000CC" width="100%" height="100%" border="0">
<tr>
<td> </td>
</tr>
</table></td>
<td colspan="2"><table class="smalltables" bgcolor="#3333FF" width="100%" height="100%" border="0">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td rowspan="2"><table class="smalltables" bgcolor="#6600FF" width="100%" height="100%" border="0">
<tr>
<td> </td>
</tr>
</table></td>
<td><table class="smalltables" bgcolor="#0066FF" width="100%" height="100%" border="0">
<tr>
<td> </td>
</tr>
</table></td>
<td><table class="smalltables" bgcolor="#0099FF" width="100%" height="100%" border="0">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="118">
<table class="smalltables" bgcolor="#00CCFF" width="100%" height="100%" border="0">
<tr>
<td> </td>
</tr>
</table></td>
<td><table class="smalltables" bgcolor="#00FFFF" width="100%" height="100%" border="0">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="35" colspan="3">
<table class="smalltables" bgcolor="#0000CC" width="100%" height="100%" border="0">
<tr>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Newbie! Webpage without tables?

Newbie! Webpage without tables?

Who is online