The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Character Sheet HTML; moving menu under the body

View previous topic View next topic Go down

Solved Character Sheet HTML; moving menu under the body

Post by IdaTR on 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
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

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

Post by Ange Tuteur on 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
Forumaster

Male Posts : 13021
Reputation : 2684
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

Post by IdaTR on 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
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

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

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

Has this issue been solved? @IdaTR

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
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 on February 17th 2015, 10:48 pm

It has! (: Solved.

IdaTR
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

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

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

Topic solved and archived

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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