opdeleing af felter
Hej Jeg skal have delt det miderste af min hjemmeside op i 2 kolloner i og 11 felter ned af. er der nogen som kan komme med at godt bud på hvordan det gøres nemmest. Min kode ser således ud:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<STYLE type=text/css>
.content-boxed {
color: #8E8E8E;
font-family:tahoma,arial,verdana;
font-size: 12px;
border-width: 1px;
border-style: solid ;
border-color: #8E8E8E;
padding: 2px;
}
p {
font-size:14px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
font-family:tahoma,arial,verdana;
background:#000000;
}
}
</STYLE>
</HEAD>
<BODY bgcolor="CCCCCC">
<CENTER>
<TABLE bgcolor="FFFFFF" align="center" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="800" bgcolor="CCCCCC">
</TD>
</TR>
<TR>
<TD bgcolor="EFEFEF">
</TD>
</TR>
<TR>
<TD>
<TABLE border="0" cellspacing="0" cellpadding="0">
<div class="content-boxed" style="float:center; width:800px; height:66px;">top_banner</div>
<div class="content-boxed" style="float:center; width:800px; height:66px;">search_field</div>
<div class="content-boxed" style="float: left; width: 150px">
</div>
<div class="content-boxed" style="float: left; width: 500px">2
I'm shopping for:
</div>
<div class="content-boxed" style="float: left; width: 150px">
</div>
<TABLE bgcolor="FFFFFF" align="center" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD width="800" bgcolor="CCCCCC">
</TD>
</TR>
<TR>
<TD bgcolor="EFEFEF">
</TD>
</TR>
<TR>
<TD>
<TABLE border="0" cellspacing="0" cellpadding="0">
<div class="content-boxed" style="float: left; width: 150px; height: 600px;">
<p> Add to favourites </p>
About us<br>
Contact us<br>
<p> Popular Searches: </p><br>
<ol>
<li>Car Loans
<li>Finance
<li>Flowers
<li>Gifts
<li>Books
<li>Insurance
</ol>
<p>Shop in UK</p>
tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, tekst, <br>
</div>
<div colspan="2" class="content-boxed" style="float: left; width: 500px; height: 600px;">
</div>
<div class="content-boxed" style="float: left; width: 150px; height: 600px;">
<p>Best Loan</p>
Top placering fra lån
<p>Best Mortgage</p>
Top placering fra Mortgage
<p>Favourites Books</p>
Top placering fra Books
<p>Best Insureance</p>
Top placering fra insurance
<p>Best Computer</p>
Top placering fra Compunter
<p>Best Lifestyle</p>
Top placering fra Lifestyle
</div>
</TABLE>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
