The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Character Sheet HTML; moving menu under the body

3 posters

Go down

Solved Character Sheet HTML; moving menu under the body

Post by IdaTR February 12th 2015, 9:09 pm

So I found this Character Sheet, which i'm very much into.
However i dont like that the menu is not visible when you click on the different links in the navigation without scrolling up to see them again. So instead of having it over the body i want them under the body.
But every time i try it goes really wrong in some way or another.
So i wanted to hear if anyone could help me with it?

http://asylums.insanejournal.com/rp_tutorials/175763.html#cutid1

Code:
<lj-raw>
<center>
<div style="height:400px;overflow:hidden;">
<!-- vitals -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="vitals" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<img src="" style="height:100px;width:100px;padding:2px;border:1px solid #AAA;float:right;">
<b>Full Name:</b> <br />
<b>Nickname(s):</b> <br/><br/>

<b>Birth Date:</b> <br />
<b>Birthplace:</b> <br /><br />

<b>Current Location:</b> <br />
<b>Residence:</b> <br />
<b>Occupation:</b> <br /><br />

<b>Alignment:</b> <br />
<b>Affiliation:</b> 
</td>
</tr>
</table>
</div>

<!-- magic info -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="magicinfo" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Race:</b> <br />
<b>Blood Line:</b> <br /><br />

<b>Wand:</b> <br />
<b>Wand Core:</b> <br />
<b>Wand Hand:</b> <br /><br />

<b>Patronus Guardian:</b> <br />
<b>Patronus Form:</b> <br />
<b>Boggart:</b> <br />
<b>Animagus:</b> 
</td>
</tr>
</table>
</div>

<!-- education -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="education" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>School:</b> <br />
<b>Year:</b> <br />
<b>House:</b> <br />
<b>Achievements:</b> <br />
<b>Extracurriculars:</b> <br /><br />

<b>Best Subject:</b> <br />
<b>Worst Subject:</b> <br /><br />

<table cellpadding="0" cellspacing="4px" style="font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="text-align:left;vertical-align:top;">
<b>OWL Subjects:</b>
</td>
<td style="text-align:right; vertical-align:top;">
Astronomy:<br />
Charms:<br />
CoMC:<br />
DADA:<br />
Divination:<br />
Herbology:<br />
History:<br />
Muggle Studies:<br />
Potions:<br />
Transfiguration:
</td>
<td style="width:10px;">
&nbsp;
</td>
<td style="text-align:left;vertical-align:top;">
<b>NEWT Subjects:</b> 
</td>
<td style="text-align:right; vertical-align:top;">
Astronomy:<br />
Charms:<br />
CoMC:<br />
Herbology:<br />
Muggle Studies:
</td>
</tr>
</table>

<b>Certifications:</b> 
</td>
</tr>
</table>
</div>

<!-- appearance -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="appearance" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Gender:</b> <br />
<b>Nationality:</b> <br /><br />

<b>Height:</b> <br />
<b>Weight:</b> <br />
<b>Build:</b> <br />
<b>Eyes:</b> <br />
<b>Hair:</b> <br />
<b>Skin:</b> <br /><br />

<b>Distinguishing Marks:</b> <br />
<b>Wardrobe:</b> 
</td>
</tr>
</table>
</div>

<!-- personality -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="personality" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>First Impression:</b> <br /><br />

(personality)<br /><br />

<b>Likes:</b> <br />
<b>Dislikes:</b> <br />
<b>Fears:</b> <br />
<b>Quirks:</b> 
</td>
</tr>
</table>
</div>

<!-- relationships -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="relationships" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Orientation:</b> <br />
<b>Status:</b> <br />
<b>Significant Other:</b> <br />
<b>Children:</b> <br />
<b>Past Love(s):</b> <br /><br />

<b>Parents:</b> <br />
<b>Sibling(s):</b> <br />
<b>Relatives:</b> <br /><br />

<b>Best Friend(s):</b> <br />
<b>Friends:</b> <br /><br />

<b>Enemies:</b> <br /><br />

<b>Pets:</b> <br />
</td>
</tr>
</table>
</div>

<!-- history -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="history" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
(history)
</td>
</tr>
</table>
</div>

<!-- astrology -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="astrology" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Zodiac Sign:</b> <br />
<b>Zodiac Symbol:</b> <br />
<b>Zodiac Element:</b> <br />
<b>Zodiac Quality:</b> <br />
<b>Ruling Planet:</b> <br />
<b>Keywords:</b> <br /><br />

(astrology)
</td>
</tr>
</table>
</div>

<!-- ooc info -->
<div style="height:400px;margin-bottom:40px;overflow:auto;">
<table cellpadding="0" cellspacing="0" style="height:400px;width:800px;font-size:10px;font-family:Palatino Linotype, Georgia, serif;color:#000;">
<tr>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#vitals">vitals</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#magicinfo">magic info</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#education">education</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#appearance">appearance</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#personality">personality</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#relationships">relationships</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#history">history</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td style="width:75px;height:25px;text-align:center;background:#AAA;">
<a style="color:#222;text-decoration:none;" href="#astrology">astrology</a>
</td>
<td style="width:10px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
<td>
<a style="display:block;width:75px;height:25px;text-align:center;vertical-align:middle;background:white;border-width:1px 1px 0px 1px;border-style:solid;border-color:#AAA;color:#222;text-decoration:none;" name="oocinfo" href="#oocinfo">ooc info</a>
</td>
<td style="width:35px;border-bottom:1px solid #AAA;">
&nbsp;
</td>
</tr>
<tr>
<td colspan="19" style="border-width:0px 1px 1px 1px;border-style:solid;border-color:#AAA;padding:10px;text-align:justify;vertical-align:top;width:100%;height:100%;">
<b>Played-By:</b> <br />
<b>Mun:</b> <br />
<b>Layout Lyrics:</b> <br />
<b>Disclaimer:</b> <br /><br />

<b>Profile Layout Credit:</b> <a href="http://rp-tutorials.insanejournal.com/" target="_blank">RP Tutorials</a>
</td>
</tr>
</table>
</div>
</div>
</center>
</lj-raw>


Last edited by IdaTR on February 17th 2015, 10:49 pm; edited 1 time in total
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Character Sheet HTML; moving menu under the body

Post by Ange Tuteur February 12th 2015, 9:34 pm

Hi @IdaTR,

Try adding this at the bottom of the HTML :
Code:
<script type="text/javascript">//<![CDATA[
$(window).on('hashchange',function() { window.scrollTo(window.pageXOffset, window.pageYOffset - 35) });
//]]></script>
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: Character Sheet HTML; moving menu under the body

Post by IdaTR February 12th 2015, 10:43 pm

No change :/
EDIT: Oh never mind!!! Was confused in a sec, to see what you had changed, but it just stroke me !
THX! Very Happy
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Character Sheet HTML; moving menu under the body

Post by _Twisted_Mods_ February 15th 2015, 7:03 pm

Has this issue been solved? @IdaTR
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Character Sheet HTML; moving menu under the body

Post by IdaTR February 17th 2015, 10:48 pm

It has! (: Solved.
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Character Sheet HTML; moving menu under the body

Post by _Twisted_Mods_ February 17th 2015, 10:49 pm

Topic solved and archived
_Twisted_Mods_
_Twisted_Mods_
Helper
Helper

Male Posts : 2108
Reputation : 336
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum