<font color="red">[S] </font>Sidebar Problems (RPG-Directory)

Title: [S] Sidebar Problems

_thatgirl - November 11, 2007 05:10 PM (GMT)

Alright, well I have this side bar on my site, but it's always stretched to the right of the page. I've tried messing with the code to see how it works, butI don't want to mess with it anymore in case I screw it up. Anyone know any of other sidebars I could use or maybe help me out?

Here's the code for it:

CODE

<div id="main_content">
<div id="side_menu">


<div class="tableborder">
<div class="maintitle">w e l c o m e </div>
<div class="row4">
<p>
<a href="http://z3.invisionfree.com/mind_over_matter/index.php?act=idx" target="_blank"><img src="http://i79.photobucket.com/albums/j158/is_this_good/momwelcomev3.jpg" border="0" alt="Photo Sharing and Video Hosting at Photobucket"></a>
</p></div>
</div>



<div class="tableborder">
<div class="maintitle">l i n k s </div>
<div class="row4">
<p>
<center><p>
<a href='http://z3.invisionfree.com/mind_over_matter/index.php?showtopic=5'>the plot &&</a>
<br>
<a href='http://z3.invisionfree.com/mind_over_matter/index.php?showtopic=1'>the rules &&</a>
<br>
<a href='http://z3.invisionfree.com/mind_over_matter/index.php?showforum=3'>the subplots &&</a>
<br>
<a href='http://z3.invisionfree.com/mind_over_matter/index.php?showtopic=6&st=0&#last'>the canons list && </a>
<br>
<a href='http://z3.invisionfree.com/mind_over_matter/index.php?showtopic=4'>the application && </a>

</p></div>
</div>



<div class="tableborder">
<div class="maintitle">s t a f f </div>
<div class="row4">
<span style='color:white'><center><p>
kayla;;
<br><br>
randal;;
<br><br>
allie;;

</span>
</p></div>
</div>



<div class="tableborder">
<div class="maintitle">c b o x </div>
<div class="row4">
<p>

<div align="center" id="cboxdiv">
<iframe frameborder="0" width="150" height="275" src="http://www.cbox.ws/box/?boxid=991151&boxtag=2836&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#333333 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="150" height="75" src="http://www.cbox.ws/box/?boxid=991151&boxtag=2836&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#333333 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
</p></div>
</div>



<div class="tableborder">
<div class="maintitle">s p o t l i g h t</div>
<div class="row4">
<p>
<center><span style='color:white'>
<br>
<b>male;;</b>
<br>
<img src="http://i216.photobucket.com/albums/cc298/truthbrokendown/faciegirl23-twilight1.png">
<br><a href="link">application.</a>;;<a href="link">plot.</a>
<br>
<br>
<b>female;;</b>
<br>
<img src="http://i216.photobucket.com/albums/cc298/truthbrokendown/faciegirl23-twilight4.png" border="0" alt="Photo Sharing and Video Hosting at Photobucket">
<br><a href="link">application.</a>;;<a href="link">plot.</a>
<br><br>
<b>couple;;</b>
<br>
<img src="http://i216.photobucket.com/albums/cc298/truthbrokendown/faciegirl23-twilight5.png" border="0" alt="Photo Sharing and Video Hosting at Photobucket">
<br><a href="link">application.</a>;;<a href="link">plot.</a>
</span>
</p></div>
</div>



<div class="tableborder">
<div class="maintitle">c r e d i t s </div>
<div class="row4">
<p><span style='color:white'>
plot. and subplots. created by randal.<br>
sidebar graphics by allie.<br>
header by aaron.<br>
canons list by kayla and randal.<br>
<br>
board inspiration;; Twilight series by Stephenie Meyer
</span>
</p></div>
</div>





</div>

<div id="board">

CSS;;

CODE

#side_menu {float:left;width: 13%; margin- right: 0%;}
#board {width: 85%;float:right;}

#side_menu .tableborder { margin-bottom: 5px;}
#side_menu .row4 p {margin:0;padding:3px;}

.block_plain {text-align: center;margin-bottom: 5px;}
p.image img{width: 99%;}

#main_content { margin: 0px auto; padding: 0px; width: 100%}

The board isn't open yet and I'm trying to get it open as soon as possible.

THANKS!

Roswenth - November 11, 2007 05:45 PM (GMT)

Just a suggestion, but when you get a code from somewhere, you should always go to the source of the code for support.

Which forum site are you using?

_thatgirl - November 11, 2007 06:06 PM (GMT)

http://support.invisionfree.com/index.php?showtopic=439657

I got the code from there, but I asked and no one really helped me much.

Um, forum site?

Roswenth - November 11, 2007 06:17 PM (GMT)

Your forum site would be IF, if you got this from InvisionFree's site.

Try putting the code right above this tag instead of at the top of your header.
<% BOARD HEADER %>

_thatgirl - November 11, 2007 08:14 PM (GMT)

Oh, then yes the forum site is IF. Sorry.

I tried that as well. I think it's just the skin, but I really don't want to change it. Do you know of any sidebar I can use on this site?

ShinLi - January 11, 2008 10:43 PM (GMT)

Your topic has been solved and moved to the 'Solved Support Topics' forum! Still have a question, or something isn't clear yet? PM an admin, gmod or cmod, and it will be moved back to the Support Center.

View Full Version: [S] Sidebar Problems