Pink Poogle Toy Forum

The official community of Pink Poogle Toy
Main Site
NeoDex
It is currently Fri Sep 27, 2024 10:45 am

All times are UTC




Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 3 posts ] 
Author Message
 Post subject: Layout help
PostPosted: Mon Jul 26, 2004 1:23 pm 
Newbie
Newbie

Posts: 39
Joined: Mon Jun 21, 2004 8:15 pm
Hey, i was wondering whether i should code my guild layout using tables or div layers?
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:
<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>


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jul 26, 2004 5:07 pm 
Honorary Member
Honorary Member

Posts: 169
Joined: Sat Jun 05, 2004 6:30 pm
Location: Milwaukee, Wisconsin
i actually think the way you have it is for the best because div layers really mess up alot especially on browsers ike netscape and stuff


Top
 Profile  
 
 Post subject:
PostPosted: Sun Aug 01, 2004 8:32 am 
PPT Toddler
PPT Toddler
User avatar

Posts: 162
Joined: Sun Aug 01, 2004 11:14 pm
Location: Sweden
I'd make it with div layers, much less and much cleaner code. And it should work with all 5+ browsers? Before that I don't know.


http://ibisaeg.mine.nu
<silja rox my sox>... somewhat :P


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic This topic is locked, you cannot edit posts or make further replies.  [ 3 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 6 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group