Bloomin' Codes...

[Poison Arrow]

Code help please? Sorry, if anyone does know any Coding and HTML, that'd be good now! >.>

I'm trying to get one of those... Those things on the side where you can show News and Affiliates and stuff. I managed to nick and edit the skeleton of the bar off of another site I'm a Co-Admin of, and edit it to my needs, but it still won't work - it just comes up in the middle of the page, rather than aligning to the left or right like I need it to >.>

Here's what I've got so far:
<!--
===================================
HTML Left Side Tables for ProBoards - Smangii Style
GLOBAL HEADERS
===================================
//-->

<!-- Start Main Table //-->
<table align="center" width="auto" cellpadding="5">
<tr>
<td align="left" width="200px" vAlign="top">
<!-- Start Side Tables //-->
<table width="100%" cellpadding="0">
<tr>
<td>
<table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1">
<tr>
<td align="center" class="titlebg">Welcome!</td>
</tr>
<tr>
<td class="windowbg" align="left">
<br>
<br>It's early Summer, so temperatures aren't too high, but it's comfortably warm on the Royal's side at the moment. However as usual on the Rebel's side of the mountain, the shadow of the huge rock blocks most light and warmth, making it chilly for the most part - it will remain as such for a few more weeks.
<br>
<br>
<br>
Breeding: Yes.
<br>
Pups Born:Yes.
<br>
<br>
<br>
Weather Disasters: None.
<br>
<br>
<img src="http://i667.photobucket.com/albums/vv34/Cirrus_Maximilian/Icon%20Collection/icon_end.jpg" border="0" alt="The End Pictures, Images and Photos"/></a>
<br>
Illness Disasters:
<br>
None.
<br>
<br><img src="http://i20.photobucket.com/albums/b224/TheJennyChannel/breaking-news_200.gif" border="0" alt="breaking news icon Pictures, Images and Photos"/></a>
<br>
Not much news at the moment - the Packs are quite calm, aside from the nightly fights, and training is going calmly well. Prey is common and few wolves become ill; Medicine wolves, stock up now while you can!
<br>
<br>OOC News:<br> We are getting up and running properly now! Welcome to our new Staff Member Lunar, who's being a great help at the moment, and to any potential members out there please feel fee to join - we need you! ^^
<br>Skin is being worked on, Story and Plotlines being set up, and I'm going to get a C-Box sorted - promise!
<br>Thanks for bearing with,
<br>
<br>~Raowolf,
<br>Head Admin.
</td>
</tr>
</table>

</td>
</tr>
</table>

<!-- CUSTOM SIDE BOX #1 //-->
</tr>
<tr>
<br>
<br>
</td>
</tr>
</table>
<br />
<table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1">
<tr>
</tr>
<tr>
<td class="windowbg" align="center"></center>
<br>
</td>
</tr>
</table>
<br />

<br>


</td>
</tr>
</table>
<br />
<!-- Close Side Tables //-->
</td>
</tr>
</table>
</td>
<td vAlign="top">

<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>




<!-- END SIDE TABLES GLOBAL HEADERS HTML //-->


Please help! D8

[Lunar Moon]

Maybe you need to have BEGIN BOX or something like that. That's how it was on my other site.

[Poison Arrow]

I did it I did it I did it I did it I did it I did it I did it I did it!
*cough*
Little bit excited x)

It's not perfect, but it does what it needs to do, and hopefully it helps the site look a wee bit more professional ^.^ I didn't actually work out what the problem was; just messed around switching things around, entered what you said in various places, made a few pictures... Then I just pressed 'Modify' and it worked!

Sorry, never successfully coded before x3

[Lunar Moon]

Here's a code for more than one side box.


<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Header
===== -->


<style type="text/css">
#sidetables { width: 250px; margin-bottom: 20px; margin-right: 20px; }
</style>

<table width="650px" align="center" cellpadding="0px" cellspacing="0px">
<tr>
<td vAlign="top">

<!-- ===== BOX #1 START ===== -->
<table id="sidetables" cellpadding="4px" class="bordercolor" cellspacing="1">
<tr><td align="center" class="titlebg">
<font size=20><font face=times>Textbox <i>!</i></font></font>
</td></tr>
<tr><td class="windowbg">
<center>Enter text here, Poison Arrow!</p>
</select></form></center>
</td></tr></table>

<!-- ===== BOX #2 START ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="titlebg">
<font size=20><font face=times><b>Textbox</b> <i>!</i></font></font>
</td></tr>
<tr><td class="windowbg">
<center>Enter text here, Poison Arrow!</center>
</font><br/>
</div></td>
</td></tr></table>



here's one for changing Exalt and smite and karma to something else.
<script type="text/javascript">
<!--
/* change "karma" words by california */

var karmaReplace="Honor";
var exaltReplace="Bark";
var smiteReplace="Growl";

var td=document.getElementsByTagName("td");
if(location.href.match(/action=(display|goto|viewprofile|search2|recent|pmview)/) || document.title.match(/\s-\sPreview/)){
   for(i=0;i<td.length;i++){
       if(td[i].width=="20%" && td[i].className.match(/windowbg/) && td[i].innerHTML.match(/Karma:/i) && !td[i].innerHTML.match(/\<input/i)){
           var tempA=td[i].innerHTML.replace('Karma:',karmaReplace+':');
           var tempB=tempA.replace('Exalt',exaltReplace);
           var tempC=tempB.replace('Smite',smiteReplace);
           td[i].innerHTML=tempC;
       }
   }
}
// -->
</script>

[Poison Arrow]

Yay! Thank-you! ^.^ Where does that second one go?
I'll try it in the same place as before... *bustles off*

[Lunar Moon]

Global footers.