Welcome Guest [Log In] [Register]
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:
Multiquote (on) Multiquote (off)
Add Reply
Needing some Layout Help; Sidebar code clashing with layout code
Topic Started: Jan 11 2016, 02:09 PM (359 Views)
raferties
Member
[ * ]
Ok, on my site we use a sidebar menu that helps our members keep track of things that happen around the site, as well as a custom banner. The problem is that when I try to use the themes, things... go off. I will admit, I'm only a novice when it comes to CSS and other kinds of programming, so I might be missing something really obvious, but nothing I've tried has worked. I would really like to know what to do because I like having multiple themes available for our members if one doesn't work well on their computer or is hard to read, and for holidays.

I'll give all the information I can. If someone can tell me how to program in the sidebar and chat box there, with the background and such still working, I'd greatly appreciate it!

Here's the code for our Layout, with the sidebar and our info including the custom banner we have.

Code:
 
<table width="200" border="0" align="center" cellpadding="3" cellspacing="15" height="1">

<tr>
<td width="25%" height="100%">
<table id="main" cellspacing="20px" cellpadding="5px" align="left">
<tr>
<!-- begin side menu -->
<td valign="top" id="menu">

<!-- block -->
<div class="tableborder">
<div class="maintitle">Information</div>
<div class="row4">
<p>
<br>
<a href="http://sunderedweyrdatabase.weebly.com/rules.html">Rules</a><br/>
<a href="http://sunderedweyrdatabase.weebly.com/history.html">History</a><br/>
<a href="http://sunderedweyrdatabase.weebly.com/creature-database.html">Database</a></br>
<a href="http://sunderedweyrdatabase.weebly.com/creature-masterlist.html">Masterlist</a></br>
<a href="http://sunderedweyrdatabase.weebly.com/bonus-points-totals.html">Points Totals</a></br>
<a href="http://sunderedweyrdatabase.weebly.com/mutations.html">Mutations List</a></br>
<a href="http://s13.zifboards.com/The_Sundered_Weyr/index.php?showtopic=30">FAQ</a></br>
<a href="http://s13.zifboards.com/The_Sundered_Weyr/index.php?showtopic=134">Disclaimer</a></br>
<br>
<br>
News:<br>
Happy 2016!
<br>
</p>
</div>
</div>
<!-- / -->

</p>
</div>
</div>
<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height:

0;">
<div style="position: relative; height: 300px; overflow: auto; overflow-y: auto; -webkit-overflow-

scrolling: touch; border:#ababab 1px solid;"><iframe src="http://www5.cbox.ws/box/?

boxid=880574&boxtag=j58b55&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%"

height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain5-880574" id="cboxmain5-

880574"></iframe></div>
<div style="position: relative; height: 80px; overflow: hidden; border:#ababab 1px solid; border-top:

0px;"><iframe src="http://www5.cbox.ws/box/?boxid=880574&boxtag=j58b55&sec=form" marginheight="0"

marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes"

name="cboxform5-880574" id="cboxform5-880574"></iframe></div>
</div>
<!-- END CBOX -->
<!-- /end block -->

<!-- block -->
<div class="tableborder">
<div class="maintitle">Bondings</div>
<div class="row4">
<p>
<br>
<b>Open</b><br>



<br><br><b>Closed</b><br>

<br>
<br><b>Names/Claims Needed</b><br>

<br><b>Events</b>


<br><b>Adventures</b>


<br>
<br><a href="http://sp-topsites.13days.net/"><img src="http://sp-topsites.13days.net/button.php?

u=sunderedweyr" alt="Shadowplay Topsites" border="0" /></a>
</div>
</div>
<!-- / -->

</td>
<!-- Begin main content -->
<td valign="top" id="board">

<div id="main_content">
<div id="header">
<div id="header_l"><!-- top left corner --></div>
<div id="header_r"><!-- top right corner --></div><a href="BOARD LINK"><center><img

src="http://orig09.deviantart.net/d7c3/f/2015/321/f/7/sundered_weyr_winter_banner_by_calamitycassie-

d9h0qzp.png" width="75%" Height="75%"/></a></center></div>
<div id="side_l"><div id="side_r">
<!-- content starts -->

<!-- SUBMENU --><!-- TOPMENU --><div id="wrap"><!-- NAV --><!-- BOARD --></div>
<div id=skincopy>Themed by tiptopolive of <a href="http://ifsz.com">IFSZ</a>.</div>
<!-- content ends -->
</div></div>

<script type="text/javascript" src="http://z3.ifrm.com/11/88/0/p32184/h2.js"></script>


If I remove the
<tr>
<td width="25%" height="100%">
<table id="main" cellspacing="20px" cellpadding="5px" align="left">
<tr>

then the background works, but our sidebar jumps up to the top and the rest of the forum is pushed down.

Again, we really need to have the sidebar menu (originally made on zifboards before we converted over) and the original banner. If this simply won't work, then please let me know. Thanks in advance for any help.

Also, if it's any help, here's one of the themes we're looking to use for Valentine's Day: the She Loves Him theme by Chance and Nick & DPM .
Edited by raferties, Jan 11 2016, 02:10 PM.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards Support · Next Topic »
Add Reply