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:
Locked Topic
[Solved] CSS table border problems; Borders don't appear correctly
Topic Started: Jul 15 2008, 06:29 PM (1,803 Views)
Darth Lunchbox
Member
 *  
I'm trying to set up the layout on my new messageboards (here), and I am having some trouble with my CSS and making a border around everything. Around the sidebar and boards themselves, there is a smallish 1 pixel bar/line (except on top), and I am trying to achieve this effect, but I cannot figure it out.

I am not too good with CSS or HTML, being that I am figuring them out on my own, but here is what I am working with in the Admin CP:
Here is all the relevant CSS (I believe):
Code:
 
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: #E7D6B5; }

#ipbwrapper { text-align: center;width: 95%;margin-left: auto;margin-right: auto; }

#tableboxtop { background-image: url(http://i347.photobucket.com/albums/p469/WhittemoreAcademy/Medieval%20Magic/tbl_top.gif); height:27px; }

#tabletoplft { background-image: url(http://i347.photobucket.com/albums/p469/WhittemoreAcademy/Medieval%20Magic/tbl_top_lft.gif); }

#tabletoprgt { background-image: url(http://i347.photobucket.com/albums/p469/WhittemoreAcademy/Medieval%20Magic/tbl_top_rgt.gif); }

#tableboxbot { background-image: url(http://i347.photobucket.com/albums/p469/WhittemoreAcademy/Medieval%20Magic/tbl_bot.gif); }

#tablebotlft { background-image: url(http://i347.photobucket.com/albums/p469/WhittemoreAcademy/Medieval%20Magic/tbl_bot_lft.gif); }

#tablebotrgt { background-image: url(http://i347.photobucket.com/albums/p469/WhittemoreAcademy/Medieval%20Magic/tbl_bot_rgt.gif); }

#tableboxlft { background-image: url(http://i347.photobucket.com/albums/p469/WhittemoreAcademy/Medieval%20Magic/tbl_lft.gif); }

#tableboxrgt { background-image: url(http://i347.photobucket.com/albums/p469/WhittemoreAcademy/Medieval%20Magic/tbl_rgt.gif); }


And here is my Header and Body:
Code:
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table align="center">
<td width="650px" style="padding: 2px 2px 2px 2px; border: 0px solid;" align="center">
<% BOARD HEADER %>
</td>
</table>
<table align="center" width="90%">
<tr>
<td id="tabletoplft"></td><td id="tableboxtop"></td><td id="tableboxrgt"></td>
</tr>
<tr>
<td id="tableboxlft"></td>
<td width="20%" valign="top">
<div class="tableborder">
<div class='maintitle'><b>Welcome all!</b></div>
<table width='100%' border='0' cellspacing='1' cellpadding='3'>
<tr>
<td class='row4'> Welcome to the Whittemore Academy of Magic in North Park, Colorado. With the whisperings of a dark wizard named Lord Voldemort in England, the secluded school of Whittemore Academy remains relatively untouched from the outside world, much as it did when Voldmort last rose to power.
<br><br>At this point, this site is still heavily under construction, and thusly, may take a while to begin in earnest. However, if you wish to help, feel free to stick around.<br><br>
<b><u><a href="http://z4.invisionfree.com/WhittemoreAcademy/index.php?showtopic=13">We are looking for potential applicants!</a></u></b>
</td>
</tr>
</table>
</div>

<div class="tableborder">
<div class='maintitle'><b>Read the following!</b></div>
<table width='100%' border='0' cellspacing='1' cellpadding='3'>
<tr>
<td class='row4'><a href="http://z4.invisionfree.com/WhittemoreAcademy/index.php?showforum=1">Site Overview</a><br>
<a href="http://z4.invisionfree.com/WhittemoreAcademy/index.php?showforum=22">News and Updates</a><br>
<a href="http://z4.invisionfree.com/WhittemoreAcademy/index.php?showforum=16">New character resources</a><br>
<a href="http://z4.invisionfree.com/WhittemoreAcademy/index.php?showforum=4">Enrollment</a><br><br>
</td>
</tr>
</table>
</div>

<div class="tableborder">
<div class='maintitle'><b>Admins & staff!</b></div>
<table width='100%' border='0' cellspacing='1' cellpadding='3'>
<tr>
<td class='row4'><b><u>Admins:</u></b><br>
<a href="http://z4.invisionfree.com/WhittemoreAcademy/index.php?showuser=1">Sarah Jones</a><br>
<a href="http://z4.invisionfree.com/WhittemoreAcademy/index.php?showuser=2">Ford Jones</a><br>
</td>
</tr>
</table>
</div>

<div class="tableborder">
<div class='maintitle'><b>Ford's message of the day:</b></div>
<table width='100%' border='0' cellspacing='1' cellpadding='3'>
<tr>
<td class='row4'>
<p>Eat your bread, you don't know when Candlejack is com-</p>
</td>
</tr>
</table>
</div>
<div class="tableborder">
<div class='maintitle'><b>The SpamBox</b></div>
<table width='100%' border='0' cellspacing='1' cellpadding='3'>
<tr>
<td class='row4'>
<!-- BEGIN CBOX - www.cbox.ws -->
<div align="center" id="cboxdiv">
<iframe frameborder="0" width="200" height="350" src="http://www2.cbox.ws/box/?boxid=1807978&boxtag=5wle2q&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#F6F3E0 1px solid;" id="cboxmain"></iframe><br/>
<iframe frameborder="0" width="200" height="89" src="http://www2.cbox.ws/box/?boxid=1807978&boxtag=5wle2q&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#F6F3E0 1px solid;border-top:0px" id="cboxform"></iframe>
</div>
<!-- END CBOX -->
</td>
</tr>
</table>
</div>
</td>
<td width="80%" style="padding: 2px 2px 2px 2px;" valign="top">
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
</td>
<td id="tableboxrgt"></td>
</tr>
<tr>
<td id="tablebotlft"></td><td id="tableboxbot"></td><td id="tablebotrgt"></td>
</tr>
</table>


I tried making the 'borders' their own parts of the table, but that doesn't seem to be working. Any help would be appreciated.

I got this skin from here.

I hope this is all I need, I tried using the search, but it is apparently broken (?), and I couldn't find a topic that covered this kind of problem.
Offline Profile Goto Top
 
Nicola-ZNS
.....
 *   *   *   *   *   *   *   *   *  
Sorry but we can't help you edit someone else's work that they made for free out of kindness. I suggest you contact them if you want any changes to be made.
Offline Profile Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · zIFBoards - Skinning & Code Support · Next Topic »
Locked Topic