InsaneJournal

Tweak says, "You Say!"

Gwen (bludgeoninggwen) wrote in rp_tutorials,
@ 2010-07-02 20:19:00

Okay, so I've been going through this for over an hour, and need some fresh eyes.

I'm using the scribbld style layout out from

charactersrus and the quick reference table from

wastintime

Separately they work perfect, but when I combine them, everything gets skewed all kinds of crazy ways.

Here is a link to what's going on and I'll put my code in a textarea under the cut.

<head><title>Reference</title></head>

<style>

body {background: url('http://img197.imageshack.us/img197/109/background201.gif'); background-attachment:fixed; color: #555555;}
body, td, font, div, p {font: 11px tahoma; line-height: 12px; color: #555555;}
table { width: 650px; align: center; float: center;}
a {font: 8pt tahoma; padding: 1px; color: #5378F1; text-decoration: none; text-transform: uppercase; letter-spacing: .15em;}
a:hover {font: 8pt tahoma; text-transform: uppercase; text-decoration: none; color: #53CEF1;}
.entry {padding: 10px; color: #555555; text-align:justify; line-height: 12px; }
table, td, tr {padding: 7px; line-height: 12px; }
td {background: #ffffff;}
td.link {text-align:center;}
.profile {background: #ffffff; border:1px solid #002374; line-height: 12px; }
.container{margin-top: 30px; align: center;}

</style>

<center><table cellspacing="5"></center>
<tr><td width="180" class="link"><a href="http://bludgeoninggwen.insanejournal.com/profile">USER INFO</a></td> 
<td width="180 px" class="link"><a href="http://www.scribbld.net/customview.cgi?username=pandapbs&styleid=23468">REFERENCE</a></td> 
<td width="180 px" class="link"><a href="http://www.scribbld.net/customview.cgi?user=pandapbs&styleid=23459">BIO</a></td> 
<td width="180 px" class="link"><a href="http://www.scribbld.net/customview.cgi?user=pandapbs&styleid=23470">STORYLINES</a></td> 
<td width="180 px" class="link"><a href="http://bludgeoninggwen.insanejournal.com">HOME</a></td> </tr></table>

<center><table class="profile" cellspacing="5"></center>
<lj-raw><tr>
<td><table>
<tr>
<td><table>
<tr>
<td colspan="3"><b>Name</b> | <lj user="username" ><br><small>class</small></td>
</tr>
<tr>
<td><table>
<tr>
<td>DOB:</td>
<td></td>
</tr>
<tr>
<td>Birthplace:</td>
<td></td>
</tr>
<tr>
<td>Gender:</td>
<td></td>
</tr>
<tr>
<td>Race:</td>
<td></td>
</tr>
<tr>
<td>Bloodline:</td>
<td>Halfblood</td>
</tr>
<tr>
<td>MAGIC #:</td>
<td></td>
</tr>
<tr>
<td  style="padding-top:20px;">Residence:</td>
<td  style="padding-top:20px;"></td>
</tr>
<tr>
<td>Occupation:</td>
<td></td>
</tr>
<tr>
<td>Alignment:</td>
<td></td>
</tr>
<tr>
<td>Affiliations:</td>
<td></td>
</tr>
<tr>
<td  style="padding-top:20px;">Nationality:</td>
<td  style="padding-top:20px;"></td>
</tr>
<tr>
<td>Height:</td>
<td></td>
</tr>
<tr>
<td>Weight:</td>
<td></td>
</tr>
<tr>
<td>Hair:</td>
<td></td>
</tr>
<tr>
<td>Eyes:</td>
<td></td>
</tr>
<tr>
<td>Marks:</td>
<td></font></td>
</tr>
<tr>
<td  style="padding-top:20px;">Wand:</td>
<td  style="padding-top:20px;"></td>
</tr>
<tr>
<td>Wand Hand:</td>
<td></td>
</tr>
<tr>
<td>Patronus:</td>
<td></td>
</tr>
<tr>
<td>Animagus:</td>
<td></td>
</tr></table></td>

<td  style="border-right: 2px #808080 solid;"><table>
<tr>
<td>Orientation:</td>
<td></td>
</tr>
<tr>
<td>Status:</td>
<td></td>
</tr>
<tr>
<td>Spouse:</td>
<td></td>
</tr>
<tr>
<td>Children:</td>
<td></td>
</tr>
<tr>
<td  style="padding-top:20px;">Father:</td>
<td  style="padding-top:20px;"></td>
</tr>
<tr>
<td>Mother:</td>
<td></small></td>
</tr>
<tr>
<td>Siblings:</td>
<td></td>
</tr>
<tr>
<td  style="padding-top:20px;">Relatives:</td>
<td  style="padding-top:20px;"></td>
</tr>
<tr>
<td  style="padding-top:20px;">Best Friend:</td>
<td  style="padding-top:20px;"></td>
</tr>
<tr>
<td>Friends:</td>
<td></td>
</tr>
<tr>
<td  style="padding-top:20px;">Enemies:</td>
<td  style="padding-top:20px;"></td>
</tr>
<tr>
<td  style="padding-top:20px;">Past Consorts:</td>
<td  style="padding-top:20px;"></td>
</tr></table></td>

<td><table>
<tr>
<td>Education:</td>
<td></td>
</tr>
<tr>
<td>House:</td>
<td></td>
</tr>
<tr>
<td>Year:</td>
<td></td>
</tr>
<tr>
<td>Achievements:</td>
<td></td>
</tr>

<tr>
<td>Memberships:</td>
<td></td>
</tr>
<tr>
<td  style="padding-top:20px;"><u>OWLs</u></td>
<td style="padding-top:20px;">Ancient Runes:<br>
Arithmancy:<br>
Astronomy:<br>
Charms:<br>
DADA:<br>
Herbology:<br>
History:<br>
Muggle Studies:<br>
Potions:<br>
Transfiguration:<br></td>
</tr>
<tr>
<td  style="padding-top:20px;"><u>NEWTs</u></td>
<td  style="padding-top:20px;"> </td>
</tr>
<tr>
<td  style="padding-top:20px;">Certifications:</td>
<td  style="padding-top:20px;"></td>
</tr></table></td>
</tr>
</table></td>
<td  style="padding: 12px;" align="center"><img src="" height="100px" width="100px" style="border: 2px solid #000000;">
PB Name

<div align="right"><b><a href=""><font style="text-decoration: none;">Icons</font></a></b>

<b><a href=""><font style="text-decoration: none;">Threads</font></a></b>

<b><a href=""><font style="text-decoration: none;">Biography</font></a></b>

<b><a href=""><font style="text-decoration: none;">Family Tree</font></a></b>

<b><a href=""><font style="text-decoration: none;">Children</font></a></b>

<b><a href=""><font style="text-decoration: none;">Soundtrack</font></a></b>

<b><a href=""><font style="text-decoration: none;">Awards</font></a></b></div></td>
</tr>
</table>
</td>
</tr>
</table></lj-raw></center>

(Read comments) - (Post a new comment)

	wastintime 2010-07-03 02:35 am UTC (link)
	It's because I used percentages in the column widths, which work when the entry page has width boundaries but not so much when it doesn't. If you take those percentages out, it should stop doing that. (Reply to this) (Thread)

	bludgeoninggwen 2010-07-03 03:54 am UTC (link)
	That was actually the first thing I thought of, and replaced it both with set px widths and no widths at all, and it was still really, really large. Which is why I thought I was just... missing something. :-/ (Reply to this) (Parent) (Thread)

	wastintime 2010-07-03 04:23 am UTC (link)
	Hmmm. Well, the percentages are the only thing I think of that would be making it do that. Did you trying changing/taking out all of the tables with 100% widths? If it still doesn't work after that, I'm stumped. (Reply to this) (Parent) (Thread)

	bludgeoninggwen 2010-07-03 04:31 am UTC (link)
	Yeah, I've stripped it down to pretty much just bare tags with only a few exceptions. I've updated the code in the textarea if you'd like to see what I've got it down to. (Reply to this) (Parent) (Thread)

	wastintime 2010-07-03 07:02 am UTC (link)
	I finally figured it out! Look at mine! All I did was change this line: `table { width: 650px; align: center; float: center;}` I took out the width part so I get this: `table { align: center; float: center;}` I have absolutely no idea why that was the issue. The only reason I removed it was because I saw something that said "width". (Reply to this) (Parent)

	wastintime 2010-07-03 07:03 am UTC (link)
	Oh, and I left the percentages and widths on my tables, so that should work, now, too! (Reply to this) (Parent) (Thread)

	bludgeoninggwen 2010-07-03 07:04 am UTC (link)
	You are my hero! <33 (Reply to this) (Parent) (Thread)

	wastintime 2010-07-03 07:06 am UTC (link)
	You're welcome! ♥ (Reply to this) (Parent)

(Read comments) -