|
Darth Lunchbox
|
Jul 15 2008, 06:29 PM
Post #1
|
- Posts:
- 1
- Group:
- Members
- Member
- #171,507
- Joined:
- July 8, 2008
|
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.
|
|
Nicola-ZNS
|
Jul 16 2008, 02:21 PM
Post #2
|