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
website troubles; uggh
Topic Started: Jun 22 2005, 12:18 PM (189 Views)
killjoy275
Member
[ * ]
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}

</style>


</head>
<body>
<div id='ipbwrapper'>
<!--Header-->
<div id='logostrip'>
<center>
<img src='http://img109.echo.cx/img109/7426/trbanner5ip.jpg' alt='' />
</center>
</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>

<!--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


i cant get the table on the right to stay in the right section...
Offline Profile Quote Post Goto Top
 
killjoy275
Member
[ * ]
alright i fixed the problem
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Technology Chat · Next Topic »
Add Reply