Here's the unsliced layout:
http://test.vibrahost.com/Untitled-5.gif
Can anyone help me code it using div layer? or give me links with tutorials please.
here's the temp site coded using tables
http://test.vibrahost.com/ (ignore the ads)
my code:
Code: Select all
<HTML>
<HEAD>
<TITLE>Untitled-5</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<style type="text/css">
A:link {text-decoration: none; color:green}
A:visited {text-decoration: none; color:green}
A:active {text-decoration: none; color:green}
A:hover {text-decoration: none; color:green}
</style>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<!-- ImageReady Slices (Untitled-5) -->
<TABLE WIDTH=417 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5> <img src="images/index_01.gif" width=417 height=182 alt=""></TD>
</TR>
<TR>
<TD ROWSPAN=6>
<IMG SRC="images/index_02.gif" WIDTH=26 HEIGHT=591 ALT=""></TD>
<TD WIDTH=375 HEIGHT=121 COLSPAN=3 align="left" valign="top" bgcolor="F5DEB3" bg="images/index_03.gif" ALT="">
<iframe src="news.htm" align="top" width="375" height="121" scrolling="yes" FRAMEBORDER="0" name="content"></iframe></TD>
<TD ROWSPAN=6>
<IMG SRC="images/index_04.gif" WIDTH=16 HEIGHT=591 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/index_05.gif" WIDTH=375 HEIGHT=83 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=177 HEIGHT=121 valign="top" bgcolor="wheat" ALT=""><font size="1" face="Verdana"><strong>*
Poll Competition<br>
* Armada Competition<br>
* Gallery Spotlight<br>
* Quote of the Week<br>
* Quest Competition<br>
* Find A Pet Competition<br>
* Lottery Competition<br>
* Stock Guessing Competition<br>
* Guild Referral Program</strong></font></TD>
<TD ROWSPAN=4>
<IMG SRC="images/index_07.gif" WIDTH=16 HEIGHT=387 ALT=""></TD>
<TD WIDTH=182 HEIGHT=121 valign="top" background="images/index_08.gif" ALT=""><div align="center"><font color="#FF0000" face="arial"><strong><font size="2" face="Verdana">Ceciliasms</font></strong></font><font face="Verdana"><strong><font size="2">
(MOTM)<br>
WINS:<br>
<img src="dubloon5.gif" width="80" height="80"> </font></strong></font></div></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_09.gif" WIDTH=177 HEIGHT=91 ALT=""></TD>
<TD>
<IMG SRC="images/index_10.gif" WIDTH=182 HEIGHT=91 ALT=""></TD>
</TR>
<TR>
<TD WIDTH=177 HEIGHT=121 valign="top" bgcolor="wheat" ALT=""><font size="1" face="Verdana"><strong><font color="#FF0000">Welcome
to <u>all</u> our new members</font> <br>
See our Guild Website <br>
for all the help<br>
you need.<br>
<font size="2"><br>
<marquee scrollamount="5">
<a href="http://www.geocities.com/mmunited2001/index.html">http://www.geocites.com/mmunited2001/index.html</a>
</marquee>
</font>
<marquee scrollamount="5">
<a href="http://www.geocities.com/mmunited2001/index.html"> </a>
</marquee></strong></font></TD>
<TD WIDTH=182 HEIGHT=121 valign="middle" background="images/index_12.gif" ALT="">
<div align="center"><strong><font size="2" face="Verdana"><a href="http://www.neopets.com/randomfriend.phtml?user=tylidian">tylidian</a>
<br>
<a href="http://www.neopets.com/randomfriend.phtml?user=jonnyk333">jonnyk333</a><br>
<a href="http://www.neopets.com/randomfriend.phtml?user=regis_100">regis_100</a><br>
<a href="http://www.neopets.com/randomfriend.phtml?user=deathmf_rules">deathmf_rules</a><br>
<a href="http://www.neopets.com/randomfriend.phtml?user=jester214">jester214</a></font></strong></div></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/index_13.gif" WIDTH=177 HEIGHT=54 ALT=""></TD>
<TD>
<IMG SRC="images/index_14.gif" WIDTH=182 HEIGHT=54 ALT=""></TD>
</TR>
</TABLE>
<!-- Layout by Chiaren (_r89tc_) -->
</BODY>
</HTML>
