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.

switch page links

View previous topic View next topic Go down

switch page links

Post by IdaTR on January 30th 2014, 5:30 pm

Hey !!

I'm working on some html. I've used the same code before, this time theres just some slightly adjustments. However when i try to make the second page for the template, its just appears under the first one. Which isn't the purpose.

In the original html, the page switching appears on each site of the table, in this one i've put the links just below the description box.

Heres how it should work: http://nionevrien.forumq.net/h1-neilan-profil
As you see when you click on one of the wings, its switching site.

In the one i've made with links below: http://nionevrien.forumq.net/h2-vampyr-race
It doesn't.

The code for the one with issue:

Code:
<tbody><tr><td class="catLeft" height="25"><span class="genmed module-title"> </span></td></tr>
    <tr><td>
  <div style="margin:0 auto;overflow:hidden;width:700px;height:100%">
<!-----FACS----->
<a name="one">
  <table align="center">
    <tbody><tr><td><div style="width:500px;margin:0 auto;line-height:155%;text-align:justify;font-size:12px;">
      <div style="width:500px;height:50px;background:#aaa url(http://i57.tinypic.com/14w3mog.jpg)top center no-repeat;margin-bottom:5px;border-radius:90px 90px 0px 0px;padding-top:120px; border:1px solid #1C1C1C;">
    <div style="font-size:16px;background:#050505;text-align:center;width:100%;text-transform:uppercase;letter-spacing:4px;color:#fff; font-family:georgia;">› Udseende ‹</div>
      </div><div style="height:450px;overflow-y:auto;"><table border="0" width="500px" style="background:#000; color:#9e9e9e; text-align:center;letter-spacing:2;" cellspacing="0"><tbody><tr style="font-size:12px; font-family:Tw Cen MT"><td><div style="height:400px;border:1px solid #1c1c1c; webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius:0px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;">
INDSAET TEKST OMKRING RACENS UDSEENDE</div></td></tr>
</tbody></table>
 
<table cellpadding="5px" width="100%"><tbody><tr style="font-size:13px; font-family:Gill Sans MT;">
<td style="Border-right:1px dashed #6e6e6e;border-bottom:1px dashed #6e6e6e;"><a name="one"></a><a href="#one"><div align="center">‹ Udseende ›</div></a></td>
<td style="Border-right:1px dashed #6e6e6e;border-bottom:1px dashed #6e6e6e;"><a name="two"></a><a href="#two"><div align="center">‹ Historie ›</div></a></td>
<td style="border-bottom:1px dashed #6e6e6e;"><a href="#three"><div align="center">‹ Magier ›</div></a></td></tr>
<tr style="font-size:13px;font-size:13px; font-family:Gill Sans MT">
<td style="Border-right:1px dashed #6e6e6e;"><a href="#four"><div align="center">‹ Styrker ›</div></a></td>
<td style="Border-right:1px dashed #6e6e6e;"><a href="#five"><div align="center">‹ Svagheder ›</div></a></td>
<td style="border-right:0px solid #6e6e6e;"><a href="#six"><div align="center">‹ Parring ›</div></a></td></tr></tbody></table></div></div></td></a>
 
<!-----HISTORIE----->
<a name="two">
  <table align="center">
    <tbody><tr><td><div style="width:500px;margin:0 auto;line-height:155%;text-align:justify;font-size:12px;">
      <div style="width:500px;height:50px;background:#aaa url(http://i57.tinypic.com/14w3mog.jpg)top center no-repeat;margin-bottom:5px;border-radius:90px 90px 0px 0px;padding-top:120px; border:1px solid #1C1C1C;">
    <div style="font-size:16px;background:#050505;text-align:center;width:100%;text-transform:uppercase;letter-spacing:4px;color:#fff; font-family:georgia;">› Udseende ‹</div>
      </div><div style="height:450px;overflow-y:auto;"><table border="0" width="500px" style="background:#000; color:#9e9e9e; text-align:center;letter-spacing:2;" cellspacing="0"><tbody><tr style="font-size:12px; font-family:Tw Cen MT"><td><div style="height:400px;border:1px solid #1c1c1c; webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius:0px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;">
INDSAET TEKST OMKRING RACENS UDSEENDE</div></td></tr>
</tbody></table>
 
<table cellpadding="5px" width="100%"><tbody><tr style="font-size:13px; font-family:Gill Sans MT;">
<td style="Border-right:1px dashed #6e6e6e;border-bottom:1px dashed #6e6e6e;"><a name="one"></a><a href="#one"><div align="center">‹ Udseende ›</div></a></td>
<td style="Border-right:1px dashed #6e6e6e;border-bottom:1px dashed #6e6e6e;"><a name="two"></a><a href="#two"><div align="center">‹ Historie ›</div></a></td>
<td style="border-bottom:1px dashed #6e6e6e;"><a href="#three"><div align="center">‹ Magier ›</div></a></td></tr>
<tr style="font-size:13px;font-size:13px; font-family:Gill Sans MT">
<td style="Border-right:1px dashed #6e6e6e;"><a href="#four"><div align="center">‹ Styrker ›</div></a></td>
<td style="Border-right:1px dashed #6e6e6e;"><a href="#five"><div align="center">‹ Svagheder ›</div></a></td>
<td style="border-right:0px solid #6e6e6e;"><a href="#six"><div align="center">‹ Parring ›</div></a></td></tr></tbody></table></a></div></div></td></tr></tbody></table></div></td></tr></tbody>

The code for the one with no issue:
Code:
<body style="background:9d9d9d;"><center>
     <title>Neilan Jessie Miles Blacksmith</title>
    <style type="text/css">
body,input
    {
    font-family:"Gill Sans TM",arial;font-size:0.9em;
    color:#333;
      border-radius:6px;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
          -webkit-box-shadow:inset 0 0 10px #000;
       -moz-box-shadow:inset 0 0 10px #000;
            box-shadow:inset 0 0 10px #000;
    }
.spoiler
    {
    border:1px solid #1C1C1C;
      border-radius:6px;
      -moz-border-radius:6px;
      -webkit-border-radius:6px;
    padding:3px;
    }
.spoiler .inner
    {
    border:0px solid #eee;
    padding:3px;margin:3px;
    }
    </style>
    <script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    }
    </script>
  </style>
  <table width="900"><tr><td class="catLeft" height="25"><span class="genmed module-title"> </span></td></tr>
    <tr><td>
  <div style="margin:0 auto;overflow:hidden;width:700px;height:625px;">
<!-----FACS----->
<a name="one">
  <table align="center" cellpadding="5">
    <tbody><tr><td><a href="#four">
    <img src="http://i61.tinypic.com/ei464m.png" width="80"></a></td>
    <td><div style="width:500px;margin:0 auto;line-height:155%;text-align:justify;font-size:12px;"><div style="width:500px;height:30px;background:#aaa url(http://data2.whicdn.com/images/71400676/large.gif)center center no-repeat;margin-bottom:5px;border-radius:90px 90px 0px 0px;padding-top:120px">
    <div style="font-size:16px;background:#050505;text-align:center;width:100%;text-transform:uppercase;letter-spacing:4px;color:#fff; font-family:georgia;">‡ Facs ‡</div>
      </div><div style="height:450px;overflow-y:auto;">
      <table border="0" width="100%" style="background:#000; color:#9e9e9e; text-align:center;letter-spacing:2;" cellspacing="0"><tr style="font-size:12px; font-family:Tw Cen MT"><td style="border-bottom:#9e9e9e 2px solid;">NAVN</td><td style="border-bottom:#9e9e9e 2px solid;">ALDER</td><td style="border-bottom:#9e9e9e 2px solid;">KOLLEGIE</td><td style="border-bottom:#9e9e9e 2px solid;">BLOD</td></tr>
        <tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td>Neilan</td><td>12</td><td>Gryffindor</td><td>Fuldblod</td></tr><tr>
<tr><td colspan="4"><br><br></td></tr>
<tr style="font-size:12px; font-family:Tw Cen MT"><td style="border-right:#9e9e9e 2px solid;" colspan="2">FOEDSELSDAG</td><td colspan="2">FORAELDRE</td></tr>
<tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td style="border-right:#9e9e9e 2px solid;" colspan="2" width="50%">27 August</td><td colspan="2" widh="50%">Mor: Leslie</td></tr>
<tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td style="border-right:#9e9e9e 2px solid;" colspan="2"></td><td colspan="2">Far: Afdoed</td></tr>
<tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td style="border-right:#9e9e9e 2px solid;" colspan="2"></td><td colspan="2"><br></td></tr>
<tr style="font-size:12px; font-family:Tw Cen MT"><td style="border-right:#9e9e9e 2px solid;" colspan="2">FOEDEBY</td><td colspan="2">SOESKENDE</td></tr>
<tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td style="border-right:#9e9e9e 2px solid;" colspan="2">Dublin, Skotland</td><td colspan="2">Ingen</td></tr>
<tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td style="border-right:#9e9e9e 2px solid;" colspan="2"></td><td colspan="2"><br></td></tr>
<tr style="font-size:12px; font-family:Tw Cen MT"><td style="border-right:#9e9e9e 2px solid;" colspan="2">DAABS NAVN</td><td colspan="2">DYR</td></tr>
<tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td style="border-right:#9e9e9e 2px solid;" colspan="2">Neilan J. M. Blacksmith</td><td colspan="2">Flonk - Maine Coon Kat</td></tr>
<tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td style="border-right:#9e9e9e 2px solid;" colspan="2"><br></td><td colspan="2">Gladstone - Norsk skov kat</td></tr>
<tr style="color:#5858FA; font-family:verdana;font-size:11px;"><td style="border-right:#9e9e9e 0px solid;" colspan="2"></td><td colspan="2"><br></td></tr>
</table>
 
</div></div></td><td><a href="#two"><img src="http://i57.tinypic.com/33lfdsl.png" width="80" title="VENNER"></a></td></tr><tr><td colspan="4"></td></tr></tbody></table></a>
 
 
 
 
 
 
<!-----FRIENDS----->
 
<a name="two"><table align="center" cellpadding="5"><tbody><tr><td><a href="#one"><img src="http://i61.tinypic.com/ei464m.png" width="80" title="FACS"></a></td>
<td><div style="width:500px;margin:0 auto;color:#CCFF66;font-family:georgia,times,serif;line-height:155%;text-align:justify;font-size:15px;">
<div style="width:500px;height:30px;background:#aaa url(https://24.media.tumblr.com/8ff10deca3f358b71e8b479737713b2f/tumblr_muvf6h4tyF1s6f1mbo1_500.gif)bottom center no-repeat;margin-bottom:5px;border-radius:90px 90px 0px 0px;padding-top:120px"><div style="font-size:16px;background:#050505;text-align:center;width:100%;text-transform:uppercase;letter-spacing:4px;color:#fff;">‡ VENNER ‡</div></div><div style="height:450px;overflow-y:auto;">
<table border="0" width="100%" style="background:#000; color:#9e9e9e; text-align:center;letter-spacing:2;" cellspacing="5"><tr style="font-size:12px; font-family:Tw Cen MT">
<td style="border-bottom:#9e9e9e 2px solid;" width="114px;">VENS NAVN #1</td>
<td style="border-bottom:#9e9e9e 2px solid;" width="114px;">VENS NAVN #2</td>
<td style="border-bottom:#9e9e9e 2px solid;" width="114px;">VENS NAVN #3</td></tr>
<tr>
<td width="114px;"><center><div style="height:100px; width:90%;border:1px solid #9e9e9e; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;"></div></center></td>
 
<td width="114px;"><center><div style=" height:100px; width:90%;border:1px solid #9e9e9e; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;"></div></center></td>
 
<td width="114px;"><center><div style="height:100px; width:90%;border:1px solid #9e9e9e; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;"></div></center></td></tr>
<tr><td colspan="3"><br></td></tr></table>
 
<table border="0" width="100%" style="background:#000; color:#9e9e9e; text-align:center;letter-spacing:2;" cellspacing="5"><tr style="font-size:12px; font-family:Tw Cen MT">
<td style="border-bottom:#9e9e9e 2px solid;" width="114px;">VENS NAVN #4</td>
<td style="border-bottom:#9e9e9e 2px solid;" width="114px;">VENS NAVN #5</td>
<td style="border-bottom:#9e9e9e 2px solid;" width="114px;">VENS NAVN #6</td></tr>
<tr>
<td width="114px;"><center><div style="height:100px; width:90%;border:1px solid #9e9e9e; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;"></div></center></td>
 
<td width="114px;"><center><div style=" height:100px; width:90%;border:1px solid #9e9e9e; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;"></div></center></td>
 
<td width="114px;"><center><div style="height:100px; width:90%;border:1px solid #9e9e9e; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;"></div></center></td></tr></table>
 
</div></div></td><td><a href="#three"><img src="http://i57.tinypic.com/33lfdsl.png" width="80" title="KAERSTEN"></a></td></tr></tbody></table></a>
 
 
 
 
 
 
<!-----GIRLFRIEND / BOYFRIEND----->
 
<a name="three"><table align="center" cellpadding="5"><tbody><tr><td><a href="#two"><img src="http://i61.tinypic.com/ei464m.png" width="80" title="VENNER"></a></td>
<td><div style="width:500px;margin:0 auto;color:#CCFF66;font-family:georgia,times,serif;line-height:155%;text-align:justify;font-size:15px;">
<div style="width:500px;height:30px;background:#aaa url(http://25.media.tumblr.com/tumblr_lp9ifq4NoM1ql41ypo1_500.gif) center center no-repeat;margin-bottom:5px;border-radius:90px 90px 0px 0px;padding-top:120px"><div style="font-size:16px;background:#050505;text-align:center;width:100%;text-transform:uppercase;letter-spacing:4px;color:#fff;">‡ KAERESTEN ‡</div></div><div style="height:450px;overflow-y:auto;">
<table border="0" width="100%" style="background:#000; color:#9e9e9e; text-align:center;letter-spacing:2;" cellspacing="5"><tr style="font-size:12px; font-family:Tw Cen MT">
<td style="border-bottom:#9e9e9e 2px solid;" width="114px;">INDSAET KAERESTES NAVN</td></tr>
<tr>
<td width="114px;"><center><div style="height:100px; width:90%;border:1px solid #9e9e9e; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;"></div></center></td>
</tr></table>
 
<table border="0" width="100%" style="background:#000; color:#9e9e9e; text-align:center;letter-spacing:2;" cellspacing="5"><tr>
<td width="114px;"><center><div style="height:100px; width:90%;border:1px solid #151515; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;"></div></center></td>
 
<td width="114px;"><center><div style=" height:100px; width:90%;border:1px solid #151515; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5; background:url('');"></div></center></td>
 
<td width="114px;"><center><div style="height:100px; width:90%;border:1px solid #151515; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5; background:url('');"></div></center></td></tr></table>
 
</div></div></td><td><a href="#four"><img src="http://i57.tinypic.com/33lfdsl.png" width="80" title="DAGBOG"></a></td></tr></tbody></table></a>
 
  
  
 
 
 
 
 
<!-----DAGBOG----->
 
<a name="four"><table align="center" cellpadding="5"><tbody><tr><td><a href="#three"><img src="http://i61.tinypic.com/ei464m.png" width="80" title="KAERSTEN"></a></td>
<td><div style="width:500px;margin:0 auto;color:#CCFF66;font-family:georgia,times,serif;line-height:155%;text-align:justify;font-size:15px;">
<div style="width:500px;height:30px;background:#aaa url(https://24.media.tumblr.com/bdd0555fece2d814ea2dd27dbc10b3c4/tumblr_mzx828tGqa1sm2x8eo1_500.gif) center center no-repeat;margin-bottom:5px;border-radius:90px 90px 0px 0px;padding-top:120px"><div style="font-size:16px;background:#050505;text-align:center;width:100%;text-transform:uppercase;letter-spacing:4px;color:#fff;">‡ DAGBOG ‡</div></div><div style="height:450px;overflow-y:auto;">
<table border="0" width="100%" style="background:#000; color:#9e9e9e; text-align:center;letter-spacing:2;" cellspacing="5"><tr style="font-size:12px; font-family:Tw Cen MT">
<td style="border-bottom:#9e9e9e 0px solid;" width="114px;">Nyeste indlaeg kommer foerst, <br>derefter kommer de aeldre beskeder laengere nede.<br>Klik paa datoerne for at laese indholdet. </td></tr>
<tr>
<td width="114px;"><center><div style="height:350px; width:90%;border:1px solid #9e9e9e; webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:2px ;font:11px/26px verdana, Georgia, Garamond, Serif;overflow:auto;letter-spacing:0.3px; line-height:1.5;">
 <div class="spoiler">
    <input type="button" onclick="showSpoiler(this);" value="30 Januar 2014" />
    <div class="inner" style="display:none;">
    This is a spoiler!
   </div></center></td>
</tr></table>
 
</div></div></td><td><a href="#one"><img src="http://i57.tinypic.com/33lfdsl.png" width="80" title="Facs"></a></td></tr></tbody></table></a>
  </center></body>

IdaTR
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

Re: switch page links

Post by IdaTR on January 31st 2014, 8:44 pm

Bumb

IdaTR
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

Re: switch page links

Post by IdaTR on February 2nd 2014, 1:45 am

bumb

IdaTR
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

Re: switch page links

Post by sif bakheti on February 3rd 2014, 1:23 am

where I post? ??

sif bakheti
New Member

Posts : 4
Reputation : 1
Language : English, Arab

http://sbnetworks.nstars.org

Back to top Go down

Re: switch page links

Post by SLGray on February 3rd 2014, 5:33 am

@sif bakheti wrote:where I post? ??
Please do not post in a topic unless you are offering a solution or asking for help.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: switch page links

Post by IdaTR on February 5th 2014, 5:30 pm

bumb

IdaTR
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

Re: switch page links

Post by khaos969 on February 6th 2014, 12:03 pm

second post sorry

khaos969
New Member

Posts : 2
Reputation : 1
Language : English

Back to top Go down

Re: switch page links

Post by IdaTR on February 6th 2014, 5:45 pm

bumb

IdaTR
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

Re: switch page links

Post by IdaTR on February 8th 2014, 1:49 pm

Bumb

IdaTR
Forumember

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

http://nionevrien.forumq.net/

Back to top Go down

Re: switch page links

Post by IdaTR on February 9th 2014, 6:13 pm

Bumb -.-

IdaTR
Forumember

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

http://nionevrien.forumq.net/

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