We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
im having trouble with my website (not forum); could someone give me some tips?
Topic Started: Jun 22 2005, 12:12 PM (721 Views)
bomberboy210-ZNS
Member Avatar
iwinyoulosehaha
[ *  * ]
well, right now i am coding a website, and i am trying to make a small left column, a large center column, and another small right column, but i cant seem to get it to work...here is what my website looks like now:

http://www.freewebs.com/rsresistance

here is what my code is:

Code:
 
<!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" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="generator" content="Invision Power Click Site">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<title>Portal</title>
<script type="text/javascript">
<!--
function buddy_pop() { window.open('http://rsresistance.com/index.php?s=&act=buddy','BrowserBuddy','width=200,height=500,resizable=yes,scrollbars=yes'); }
function chat_pop()  { window.open('http://rsresistance.com/index.php?s=&act=chat&pop=1','Chat','width=,height=,resizable=yes,scrollbars=yes'); }
//-->

</script>
<style type='text/css'>
.indexonly {display:none;}

html { overflow-x: hidden; overflow-y: auto; } 616182

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #D9D9D9; margin:0px 0px 20px 0px;background-color:#060606; scrollbar-face-color: #292929; scrollbar-shadow-color: #202020; scrollbar-highlight-color: #333333; scrollbar-3dlight-color: #202020; scrollbar-darkshadow-color: #171717; scrollbar-track-color: #171717; scrollbar-arrow-color: #8CA2BF}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #646464; }
a:link, a:visited, a:active { text-decoration: none; color: #858585}
a:hover { color: #858585; text-decoration:underline}

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:2px outset #000000;padding:2px }

.googleroot  { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #D9D9D9; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#D9D9D9; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#D9D9D9}

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help    { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#D9D9D9}
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#949595;background-color:#141414;background-image: url();padding:4px;margin:0px }

.warngood { color:#00FF00}
.warnbad  { color:#FF0000}

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid #000000}
#photoimg  { text-align:center; margin-top:15px }

#ucpmenu    { line-height:150%;width:22%; border:1px solid #000000;background-color: #1B1B1B; background-image: url();}
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #1B1B1B; background-image: url(); border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #232323;background-color: #292929;background-image:url();padding:0px;margin:0px; }
#submenu  { border:1px solid #232323;background-color: #1B1B1B; background-image: url(http://i1.ifrm.com/1907/191/upload/p72009.gif); font-size:10px;margin:3px 0px 3px 0px;color:#858585;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #858585; }
#submenu a:hover { font-weight:bold;font-size:10px;text-decoration: underline; color: #858585; }

#userlinks { border:1px solid #232323; background-color: #1B1B1B; background-image: url(http://i1.ifrm.com/1907/191/upload/p72046.gif); }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px;}

.activeuserstrip { background-color:#1B1B1B; background-image: url(http://i1.ifrm.com/1907/191/upload/p72009.gif);padding:6px }

.pformstrip { background-color: #1B1B1B; background-image: url(http://i1.ifrm.com/1907/191/upload/p72841.gif); color:#C5C5C5;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #1B1B1B; background-image: url(); padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #1B1B1B; background-image: url(); padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #1B1B1B; background-image: url(); padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #171717;}
.post2 { background-color: #1B1B1B;}
.postlinksbar { background-color:#292929;padding:5px;margin-top:1px;font-size:10px; background-image: url(http://i1.ifrm.com/1907/191/upload/p72009.gif) }

.row1 { background-color: #171717; background-image: url();}
.row2 { background-color: #171717; background-image: url();}
.row3 { background-color: #1B1B1B; background-image: url();}
.row4 { background-color: #1B1B1B; background-image: url();}

.darkrow1 { background-color: #131313; color:#C5C5C5; }
.darkrow2 { background-color: #1B1B1B; background-image: url(http://i1.ifrm.com/1907/191/upload/p72841.gif); color:#C5C5C5; }
.darkrow3 { background-color: #1B1B1B; background-image: url(http://i1.ifrm.com/1907/191/upload/p72009.gif);color:#C5C5C5; }

.hlight { background-color: #171717; background-image: url();}
.dlight { background-color: #1B1B1B; background-image: url();}

.titlemedium { font-weight:bold; color:#B0B0B0; padding:6px; margin:0px; background-color: #1B1B1B; background-image: url(http://i1.ifrm.com/1907/191/upload/p72841.gif) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #F87872}
.titlemedium  a:hover{ text-decoration: none; color: #DFE0E1}

.maintitle { background-position: center; vertical-align:middle;font-weight:bold; color:#C0C7CE; letter-spacing:1px; padding:6px 0px 12px 41px; background-color: #161616; background-image: url(http://img141.echo.cx/img141/3576/maintitle21hl.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #8CA2BF}
.maintitle a:hover { text-decoration: none; color: #DFE0E1}

.plainborder { border:1px solid #000000;background-color:#000000}
.tableborder { border:1px solid #232323;background-color:#000000; padding:1px; margin:1px; width:100% }
.tablefill  { border:1px solid #000000;background-color:#141414;background-image: url();padding:6px;  }
.tablepad    { background-color:#1B1B1B;background-image: url();padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#BBBBBB}
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #BBBBBB}
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160%; }

.normalname { font-size: 12px; font-weight: bold; color: #BBBBBB}
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #D9D9D9}

.searchlite { font-weight:bold; color:#D9D9D9; background-color:#1B1B1B; background-image: url();}

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #000000; background-color: #858585; background-image: url(); border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #000000; background-color: #858585; background-image: url(); border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.codebuttons  { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #D9D9D9; border: 1px solid #2D2D2D; background-color: #141414; background-image: url();}
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #D9D9D9; border: 1px solid #000000; background-color: #141414; background-image: url();}

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #000000;border-bottom:1px solid #000000}

.purple { color:purple;font-weight:bold }
.red    { color:red;font-weight:bold }
.green  { color:green;font-weight:bold }
.blue  { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }

div.row4 { border-color: #232323!important;background-color:#171717}

<center><font color=#BBBBBB>Skin created by <B>Kman</B>. Find more great skins at the <B><A HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin Zone</A></b>.<br>Skin was edited by <b>bomberboy210</B> of the <a href="http://www.rsresistance.com">Resistance</a>.</font></center>
</style>


</head>
<body>
<div id='ipbwrapper'>
<!--Header-->
<div id='logostrip'>
 <a href='http://rsresistance.com/index.php?' title='Board Home'><center>
<img src='http://img109.echo.cx/img109/7426/trbanner5ip.jpg' alt='' />
</center></a>
</div>
<table width="100%" cellspacing="6" id="submenu">
<tr>
<td><a href=''></a><!--IBF.RULES--></td>

<td align="right">
  &nbsp;<a href='http://rsresistance.com/index.php?act=Help'>Help</a>
  &nbsp; &nbsp;&nbsp;&nbsp;<a href='http://rsresistance.com/index.php?act=Search&amp;f='>Search</a>
  &nbsp; &nbsp;&nbsp;&nbsp;<a href='http://rsresistance.com/index.php?act=Members'>Members</a>
  &nbsp; &nbsp;&nbsp;&nbsp;<a href='http://rsresistance.com/index.php?act=calendar'>Calendar</a>

  <!--IBF.CHATLINK-->
</td>
</tr>
</table>
<div align='center' style='margin-bottom:3px;'><div align="center" class="row4"><script type="text/javascript"><!--
google_ad_client = "pub-2404175891811072";
google_alternate_ad_url = "http://www.invisionfree.com/files/index.php?bg=1B1B1B&txt=D9D9D9&link=858585";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_channel = "1298794604";
google_color_border = "1B1B1B";
google_color_bg = "1B1B1B";
google_color_link = "858585";
google_color_url = "D9D9D9";
google_color_text = "D9D9D9";
google_page_url = document.location;
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div></div>
<!--CS.TEMPLATE.LINKS-->
<!--End Header-->
<!--Main Content-->
<table width="100%" class='tableborder' cellspacing="0" cellpadding="6">
<tr>
<td width="200" class='row4' valign="top">

  <!-- LEFT -->

<div class='tableborder'>
<div class='maintitle'><img src='http://i1.ifrm.com/style_images/1/nav_m.gif' border='0' alt='' width='8' height='8'>  Site Navigation</div>
<div class='tablepad'>
 &middot; <a href='http://rsresistance.com/index.php?' style='text-decoration:none'>Home</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Search&amp;CODE=getactive' style='text-decoration:none'>Requirements</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Stats' style='text-decoration:none'>Clan Info</a><br /><br />&middot;
<a href='http://rsresistance.com/index.php?act=Stats&amp;CODE=leaders' style='text-decoration:none'>Rankings</a><br />
<br />&middot; <a href='http://rsresistance.com/index.php?act=Stats' style='text-decoration:none'>Clan Info</a><br />


  </div>
</div>


<br />

   <Provisional users can't create forms action="http://rsresistance.com/index.php?act=Login&amp;CODE=01&amp;CookieDate=1&amp;return=http%3A%2F%2Frsresistance.com%2Findex.php%3Fact%3Dhome" method="post">
<div class='tableborder'>
<div class='maintitle'><img src='http://i1.ifrm.com/style_images/1/nav_m.gif' border='0' alt='' width='8' height='8'>  Welcome</div>
<div class='tablepad'>
 <span class='desc'>You have to <a href='http://rsresistance.com/index.php?act=Reg'>register</a> before you can fully experience our site.</span>

 <br /><br />&middot; <strong><a href="http://rsresistance.com/index.php?act=Search&amp;CODE=getactive" style='text-decoration:none'>View new posts</a></strong>
 <br /><br /><span class='desc'>Username</span>
 <br /><input type='text' class='textinput' size='15' name='UserName' />
 <br /><span class='desc'>Password</span>
 <br /><input type='password' class='textinput' size='15' name='PassWord' />
 <br /><input type='submit' class='textinput' value='Log in' />
</div>

</div>
</form>

<br />
<div class='tableborder'>
<div class='maintitle'><img src='http://i1.ifrm.com/style_images/1/nav_m.gif' border='0' alt='' width='8' height='8'>  Site Navigation</div>
<div class='tablepad'>
 &middot; <a href='http://rsresistance.com/index.php?' style='text-decoration:none'>Forums</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Search&amp;CODE=getactive' style='text-decoration:none'>Today's Active Topics</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Stats' style='text-decoration:none'>Today's Top 10 Posters</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Stats&amp;CODE=leaders' style='text-decoration:none'>Contact Staff</a>
<br />

</div>
</div>
   
   <br />
   
  <!--END LEFT-->
  <br /><img src='http://i1.ifrm.com/style_images/1/spacer.gif' alt='' width='200' height='1' />
</td>
<!--SPACER-->
<td width="5" class='row4'>&nbsp;</td>
<td width="90%" class='row4' valign="top">
  <!--MAIN-->

   <table cellspacing="0" width="60%" class='tableborder'>
<tr>
<td class='maintitle' colspan="2">&middot;Welcome to The Resistance!</td>
</tr>
<tr>
<td class='row2' colspan="2" style='padding:5px'></td>
</tr>
<tr>
<td class="post1" width="5%" valign="top" style="padding:5px"></td>

<td class="post1" width="95%" valign="top" style="padding:5px"> The Resistance was founded by Bomberboy210 and Killjoy275 in December of 2005. Since then, we have helped form the image of a clan from just a group of buddies into a group of top-notch pkers who work together well. This potential is what is pushing the Resistance to the top of Runescape clans.<br><br>

With that in mind, we have a very friendly community, and we feature many clan events for every type of player whether you love range, mage, or melle. Such events are weekly pk trips and fundaraising days, including random events happening every week.<br><br>

We also have created the very first RuneScape "locker Room", where you can rent out powerful equipment to go pking with, or even just to look cool. You can even set up your own shop to rent out these items.  We carry all kinds of armor and weapons for free players and even granite mauls and (soon to be) abysal whips for the paying players!<br><br>

</td>
</tr>

</table>


   <table cellspacing="0" width="100%" class='tableborder'>
<tr>
<td class='maintitle' colspan="2">&middot;Juniors squad now out!</td>
</tr>
<tr>
<td class='row2' colspan="2" style='padding:5px'></td>
</tr>
<tr>
<td class="post1" width="5%" valign="top" style="padding:5px"></td>

<td class="post1" width="95%" valign="top" style="padding:5px"> We are proud to announce that we now have a juniors group for all of you people that dont meet the normal requirements.  Sign up as you would a normal member, but just state you are signing up for juniors.
</td>
</tr>

</table>

<br />
  <!--END MAIN-->
</td>
</tr>
<!--End Main Content-->
<tr>
<td colspan='3'  class='row4' align='center'>
<!--SPACER-->
<td width="5" class='row4'>&nbsp;
<td width="90%" class='row4' valign="top">
<!-- RIGHT -->
<table align=right>
<div class='tableborder'>
<div class='maintitle'><img src='http://i1.ifrm.com/style_images/1/nav_m.gif' border='0' alt='' width='8' height='8'>  Site Navigation</div>
<div class='tablepad'>
 &middot; <a href='http://rsresistance.com/index.php?' style='text-decoration:none'>Home</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Search&amp;CODE=getactive' style='text-decoration:none'>Requirements</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Stats' style='text-decoration:none'>Clan Info</a><br /><br />&middot;
<a href='http://rsresistance.com/index.php?act=Stats&amp;CODE=leaders' style='text-decoration:none'>Rankings</a><br />
<br />&middot; <a href='http://rsresistance.com/index.php?act=Stats' style='text-decoration:none'>Clan Info</a><br />


  </div>
</div>


<br />

   <Provisional users can't create forms action="http://rsresistance.com/index.php?act=Login&amp;CODE=01&amp;CookieDate=1&amp;return=http%3A%2F%2Frsresistance.com%2Findex.php%3Fact%3Dhome" method="post">
<div class='tableborder'>
<div class='maintitle'><img src='http://i1.ifrm.com/style_images/1/nav_m.gif' border='0' alt='' width='8' height='8'>  Welcome</div>
<div class='tablepad'>
 <span class='desc'>You have to <a href='http://rsresistance.com/index.php?act=Reg'>register</a> before you can fully experience our site.</span>

 <br /><br />&middot; <strong><a href="http://rsresistance.com/index.php?act=Search&amp;CODE=getactive" style='text-decoration:none'>View new posts</a></strong>
 <br /><br /><span class='desc'>Username</span>
 <br /><input type='text' class='textinput' size='15' name='UserName' />
 <br /><span class='desc'>Password</span>
 <br /><input type='password' class='textinput' size='15' name='PassWord' />
 <br /><input type='submit' class='textinput' value='Log in' />
</div>

</div>
</form>
   
   <br />
   
</table>
  <!--END RIGHT-->
</td>
</td>

<div align='center' class='copyright'>Hosted for free by <a href='http://invisionfree.com'>InvisionFree</a> | Powered by <a href="http://www.invisionboard.com" target='_blank'>IPDynamic Lite</a> v1.3 Final &copy; 2003 &nbsp;<a href='http://www.invisionpower.com' target='_blank'>IPS, Inc.</a></div>
<!--CS.TEMPLATE.DEBUG-->
</td>
</tr>

</table>
<br />
</div>
</body>
</html>


i cant get the table on the right to stay in the right section...
Offline Profile Quote Post Goto Top
 
FearKiller
Member Avatar
www.drewscripts.com
[ *  *  *  *  * ]
Code:
 
<Provisional users can't create forms action="http://rsresistance.com/index.php?act=Login&amp;CODE=01&amp;CookieDate=1&amp;return=http%3A%2F%2Frsresistance.com%2Findex.php%3Fact%3Dhome" method="post">

Thats a new tag if I ever seen one. :lol:

Anyways find this section below and remove the things in red. I'd recommend starting over and not using tables at all, but this will at least give you what you want.
Quote:
 
  <!--END MAIN-->
</td>
</tr>
<!--End Main Content-->
<tr>
<td colspan='3'  class='row4' align='center'>
<!--SPACER-->
<td width="5" class='row4'>&nbsp;
<td width="90%" class='row4' valign="top">
<!-- RIGHT -->
<table align=right>
<div class='tableborder'>
<div class='maintitle'><img src='http://i1.ifrm.com/style_images/1/nav_m.gif' border='0' alt='' width='8' height='8'>  Site Navigation</div>
<div class='tablepad'>
&middot; <a href='http://rsresistance.com/index.php?' style='text-decoration:none'>Home</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Search&amp;CODE=getactive' style='text-decoration:none'>Requirements</a>
<br /><br />&middot; <a href='http://rsresistance.com/index.php?act=Stats' style='text-decoration:none'>Clan Info</a><br /><br />&middot;
<a href='http://rsresistance.com/index.php?act=Stats&amp;CODE=leaders' style='text-decoration:none'>Rankings</a><br />
<br />&middot; <a href='http://rsresistance.com/index.php?act=Stats' style='text-decoration:none'>Clan Info</a><br />
Offline Profile Quote Post Goto Top
 
bomberboy210-ZNS
Member Avatar
iwinyoulosehaha
[ *  * ]
w00t thanks alot, i really needed that ^_^
and the reason it has those provisional users thing is there cause i took the base of the site's code from my sites portal, cause i was too lazy to make it myself :P
Offline Profile Quote Post Goto Top
 
shockwave-
Member Avatar
My other title is a Ferrari
[ *  * ]
I've gotta say, that's pretty much the coolest freewebs site I've ever seen.
Offline Profile Quote Post Goto Top
 
bomberboy210-ZNS
Member Avatar
iwinyoulosehaha
[ *  * ]
thats cause im freehand coding it, im just using freewebs as a host and an ok site editor. im not using the pre-made freewebs sites where you just enter the text you want it to say
Offline Profile Quote Post Goto Top
 
pingu2k4
Member
[ *  * ]
are you signed up as an advanced or begginner?

because the begginner account actually has loads of restrictions, but advanced doesnt ;)

advanced: as many pages as you want.
Begginner: 7 pages

same with paragraphs.

more bandwidth


tada! advanced=Better!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Technology Chat · Next Topic »
Add Reply