In answer to your why CSS question...
Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kandy X-Change™</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<STYLE>
<!--
A:active { color:#4FB8404; text-decoration:none; }
A:hover { color:#FB8404; text-decoration:none; }
//-->
</STYLE>
<style type="text/css">
<!--
BODY{
scrollbar-face-color:#430152;
scrollbar-arrow-color:white;
scrollbar-track-color:#EEEEEE;
scrollbar-shadow-color:'white';
scrollbar-highlight-color:'003399';
scrollbar-3dlight-color:'white';
scrollbar-darkshadow-Color:'black';
}
-->
</style>
<link rel="shortcut icon" href="favicon.ico" >
</head>
<body bgcolor="#430152" background="images/centrebar.jpg" text="#000000" link="#660066" vlink="#660066" alink="#CC6600">
<a name="top"></a>
<table width="90%" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"> <div align="center"></div>
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#430152">
<td colspan="3" align="left" valign="top">
<table width="100%" border="0" cellpadding="1" cellspacing="0" bordercolor="#663300" bgcolor="#663399">
<tr>
<td width="94" height="63" bgcolor="#430152"><strong><img src="images/adspacer1.jpg" width="91" height="61"></strong></td>
<td align="center" valign="middle" background="images/adspacer.jpg" bgcolor="#430152">
<p align=center><font size=+3 color=white> </font></p>
<table width="100%" border="1" cellspacing="1" cellpadding="1">
<tr>
<td background="images/tickerback.jpg" bgcolor="#000000">
<p align=center><font size=+3 color=white>
<marquee width=100%>
<font size="2" face="Verdana, Arial, Helvetica, sans-serif">***START.......<font color=white><em><strong>FREE
OFFER - </strong></em></font>Your own advert could
be added as a small banner in one of the spaces either
side of this news ticker, earning you extra income
or web visitors thanks to the Kandy X-Change website.
This site will offer these spaces (& others too)
<em><strong>FREE</strong></em> in the initial few
months of the site launch so bookmark us & keep
checking back to be sure not to miss out.........END***
</font>
</marquee>
</font> </p></td>
</tr>
</table>
</td>
<td width="94" height="63" bgcolor="#430152"><strong><font color="white" size="2" face="Verdana, Arial, Helvetica, sans-serif"><img src="images/adspacer1.jpg" width="91" height="61"></font></strong></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="316" height="115" align="left" valign="top" background="images/spacer1.jpg">
<div align="left"><a href="index.htm"><img src="images/header.jpg" hspace="0" vspace="0" border="0" align="left"></a><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>TM</strong></font></div></td>
<td width="465"><div align="center"><img src="images/headermid.jpg" height="100"></div></td>
<td width="106" align="right" valign="top"><div align="right"><img src="images/header2.jpg" width="86" height="115" hspace="0" vspace="0" align="right"></div></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60" height="72" align="left" valign="top" background="images/spacer1.jpg">
<div align="right"> <br>
</div></td>
<td width="741" align="center" valign="top"> <div align="center">
<br>
<table width="100%" border="1" align="center" cellpadding="2" cellspacing="5" bordercolor="#000000" background="images/centrebar.jpg" bgcolor="#000000">
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"> <div align="center"><strong><font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="index.htm">LINK
1</a></font></strong></div></td>
<td align="center" valign="top" bgcolor="#FFFFFF"><strong><font color="#000066" size="1"><font face="Verdana, Arial, Helvetica, sans-serif"><font color="#000000" face="Verdana, Arial, Helvetica, sans-serif"><a href="index.htm">LINK
2</a></font></font></font></strong></td>
<td align="center" valign="top" bgcolor="#FFFFFF"><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="index.htm">LINK
3</a></font></strong></td>
<td align="center" valign="top" bgcolor="#FFFFFF"><strong><font color="#000066" size="1"><font face="Verdana, Arial, Helvetica, sans-serif"><font face="Verdana, Arial, Helvetica, sans-serif"><font face="Verdana, Arial, Helvetica, sans-serif"><font face="Verdana, Arial, Helvetica, sans-serif"><font face="Verdana, Arial, Helvetica, sans-serif"><a href="index.htm">LINK
4</a></font></font></font></font></font></font></strong></td>
<td align="center" valign="top" bgcolor="#FFFFFF"><strong><font color="#000066" size="1"><font face="Verdana, Arial, Helvetica, sans-serif"><font face="Verdana, Arial, Helvetica, sans-serif"><a href="index.htm">LINK
5</a></font></font></font></strong></td>
</tr>
</table>
<p align="left"><font face="Arial, Helvetica, sans-serif"><font color="#663300" size="+2"><strong>
L</strong></font>orem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut
aliquip ex ea commodo consequat.</font></p>
<p> </p>
<table width="100%" border="0" align="center" cellpadding="10" cellspacing="0">
<tr>
<td background="images/centrebar.jpg" bgcolor="#430152">
<div align="center"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Latest
News & Features</strong></font></div></td>
</tr>
<tr>
<td align="left" valign="top"> <table width="97%" border="1" align="center" cellpadding="10" cellspacing="0" bordercolor="#660066" bgcolor="#9999CC">
<tr>
<td align="left" valign="top" bgcolor="#FFFFFF"> <p><strong><font color="#663300" size="1" face="Verdana, Arial, Helvetica, sans-serif">18th
January 2007</font><font color="#660099" size="1" face="Verdana, Arial, Helvetica, sans-serif"><img src="images/new.gif" width="56" height="27"><br>
</font></strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Home
page & first graphics are produced. This is
the newest item of news so the <strong>NEW</strong>
icon appears next to it to show this item was added
within the last 7 days.</font></p>
<p><strong><font color="#663300" size="1" face="Verdana, Arial, Helvetica, sans-serif">10th
January 2007</font><font color="#660099" size="1" face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">We
add all kinds of text here to make the news and
features section look populated. </font></p>
<p><strong><font color="#663300" size="1" face="Verdana, Arial, Helvetica, sans-serif">
</font><font color="#663300" size="1" face="Verdana, Arial, Helvetica, sans-serif">18th
January 2007</font><font color="#660099" size="1" face="Verdana, Arial, Helvetica, sans-serif"><br>
</font></strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Adding
of more features begins. </font></p></td>
</tr>
</table>
</td>
</tr>
</table>
<p align="left"><font size="1" face="Arial, Helvetica, sans-serif"><a href="#top">Back
to top</a></font></p>
<p align="center"><font size="1" face="Arial, Helvetica, sans-serif"><font color="#000000"><a href="index.htm">LINK
1</a></font> | <a href="index.htm">LINK 2</a> | <a href="index.htm">LINK
3</a> | <a href="index.htm">LINK 4</a> | <a href="index.htm">LINK
5</a></font></p>
<p align="center"><img src="images/barani1.gif" width="150" height="70"></p>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="31" background="images/centrebar.jpg" bgcolor="#430152">
<div align="center"><font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif">©Kandy
X-Change™ 2007 all rights reserved</font></div></td>
</tr>
</table>
</div></td>
<td width="86" background="images/endpiece.jpg" bgcolor="#FFFFFF"><img src="images/endpiece.jpg" width="86" height="115"></td>
</tr>
</table>
</div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
|
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Home</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div style="position:relative;width:755px;height:810px; margin:auto;-adbe-g:p;">
<div style="position:absolute;top:112px;left:6px;width: 402px;height:64px;">
<img src="Images/Logo/kandy-xchange.gif" alt="" height="64" width="402" border="0" /></div>
<div style="position:absolute;top:343px;left:292px;widt h:429px;height:77px;-adbe-c:c">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div>
<div style="position:absolute;top:40px;left:384px;width :352px;height:32px;-adbe-c:c">
<div class="classmenu">
<span class="classmenu">HOME :: INFO :: X-CHANGE :: CONTACT</span></div>
</div>
<div style="position:absolute;top:222px;left:288px;widt h:431px;height:108px;">
<img src="Images/Title/Title.gif" alt="" height="108" width="431" border="0" /></div>
<div style="position:absolute;top:224px;left:16px;width :238px;height:196px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="196" width="238">
<param name="movie" value="sweet.swf" />
<param name="quality" value="best" />
<param name="play" value="true" />
<embed height="196" pluginspage="http://www.macromedia.com/go/getflashplayer" src="sweet.swf" type="application/x-shockwave-flash" width="238" quality="best" play="true"></embed>
</object></div>
<div class="classvert" style="position:absolute;top:509px;left:256px;widt h:16px;height:298px;-adbe-c:c">
<p class="classvert"></p>
</div>
<div class="classdot" style="position:absolute;top:460px;left:16px;width :705px;height:13px;-adbe-c:c">
<p class="classdot"></p>
</div>
<div style="position:absolute;top:555px;left:292px;widt h:429px;height:240px;-adbe-c:c">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>
</div>
<div style="position:absolute;top:502px;left:16px;width :220px;height:37px;">
<img src="Images/Join%20Today/JoinTitle.gif" alt="" height="37" width="220" border="0" /></div>
<div style="position:absolute;top:502px;left:288px;widt h:358px;height:37px;">
<img src="Images/Meet/Meet.gif" alt="" height="37" width="358" border="0" /></div>
<div style="position:absolute;top:32px;left:11px;width: 228px;height:48px;-adbe-c:c">
<form method="GET" action="http://centrereed.co.uk.master.com/texis/master/search/mysite.html">
<input name="q" value="" size="23" /><span class="classBGT"><input type="submit" value="Search" /></span>
</form>
</div>
<div style="position:absolute;top:560px;left:16px;width :223px;height:224px;">
<div style="position:relative;width:223px;height:224px; background-color:#fdd;-adbe-g:p;">
<div style="position:absolute;top:48px;left:16px;width: 144px;height:21px;">
<input type="text" name="textfieldName" size="22" /></div>
<div style="position:absolute;top:112px;left:16px;width :144px;height:21px;">
<input type="text" name="textfieldName" size="22" /></div>
<div style="position:absolute;top:176px;left:16px;width :144px;height:21px;">
<input type="text" name="textfieldName" size="22" /></div>
<div style="position:absolute;top:25px;left:16px;width: 39px;height:23px;">
<label>Name</label></div>
<div style="position:absolute;top:88px;left:16px;width: 52px;height:23px;">
<label>Country</label></div>
<div style="position:absolute;top:153px;left:16px;width :90px;height:23px;">
<label>E-Mail Address</label></div>
</div>
</div>
</div>
<p></p>
<div id="footer">
<p><span class="classbold">Lorem ipsum dolor sit amet</span></p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit </p>
</div>
</body>
</html>
|
Have a look at how much code is generated with tables.
Just a little insight.
Site's coming along well though.
|