Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

  ClosedNew TopicNew Poll

 Massive gap in post page [SOLVED]
#
We've recently had a new skin on our site. I originally used a version of Jcink's original coding with a sidebar but altered the colours. A former member who was good at graphics and coding then redid the colour scheme because the colour system was too offputting. Since getting the new skin, we have a problem with the post page.

There's a massive gap between the post section and the recent posts that show beneath it. I'm unable to find the cause of such a gap so I thought maybe someone here might know where it's coming from. I don't know if this problem came with the skin in general or if our former member might have unwittingly tweaked something, or heck even me, I've made random small adustments from time to time.

Here's the link to our site

http://alongcameastory.jcink.net/index.php

And these show the extent of the gap

http://prntscr.com/4qihkw
http://prntscr.com/4qihsh
http://prntscr.com/4qii2h
http://prntscr.com/4qiie2

Could someone help me?
PM
#
Can you link to the place that this is happening and / or provide a testing account to view it if necessary? Ignore me, found it.

So, it looks like your skin selector and your copyright are sitting just under your sidebar - can we see your board wrappers?

This post has been edited by owl: Sep 26 2014, 12:51 PM

signature
Kindly do not contact me on Discord or PM me for support.

user posted image
#
Yes, here it is!

CODE
<html>


 <head>
<title><% TITLE %></title>
<% CSS %>
<% JAVASCRIPT %>
 </head>
 <body>
<link href='http://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lobster+Two' rel='stylesheet' type='text/css'>

  <% BOARD HEADER %>
  <div id="innerwrapper">
   <div id="navi">
   <% NAVIGATION %>
   </div>

<!--  sidebar -->

<div style="float: left; width: 220px;">
<div class="tableborder">
<div class="maintitle" style='text-align: center;'>Welcome</div>
<div class='pformstrip' style='text-align: center;'>to A.C.A.S</div>

<div class="tablepad">
 
<div align='center'>
We are a slightly AU Once Upon A Time RP set after the events of 3x11 'Going Home'.<br> <br>

Everyone is back in the Enchanted Forest including Emma and Henry. New threats are rising in the form of Zelena and a revived Peter Pan. With a revived Rumpelstiltskin and Regina siding with Snow and Charming, this is going to be quite the battle to reclaim the kingdom.<br>
<br><br>

<iframe width="190" height="190" src="//www.youtube.com/embed/qCQlb8ZS0lA" frameborder="0" allowfullscreen></iframe><br><br>

Full screen is recommended for this so the writing is readable.<br><br>

We have a 300 word count and both canons and originals are more than welcome!

</div>
</div></div>
<br />

<div class="tableborder">
<div class="maintitle" style='text-align: center;'>Important Links</div>
<div class='pformstrip' style='text-align: center;'>Find out more</div>

<div class="tablepad">
 
<div align='center'>

<a href="http://alongcameastory.jcink.net/index.php?showtopic=2">Plot</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=1">Rules</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=3">Credits</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=95">Canons</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=94">Applications</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=6">Face Claim</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=7">Who's Who</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=10">Affiliates</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=8">Adverts</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=9">FAQ</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=11">The Shop</a><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=26">Thread Timeline</a><br>
</div>
</div></div>
<br />


<div class="tableborder">
<div class="maintitle" style='text-align: center;'>News</div>
<div class='pformstrip' style='text-align: center;'>What's happening</div>

<div class="tablepad">
 
<div align='center'>

<marquee height="100" onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrollamount="2" style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=30, FinishX=0, FinishY=0);">  

A belated congrats to our new moderators, Beth (Tinkerbell) and Erin!

<br><br>

</marquee>


</div>
</div></div>
<br />

<div class="tableborder">
<div class="maintitle" style='text-align: center;'>Staff</div>
<div class='pformstrip' style='text-align: center;'>Here to help</div>

<div class="tablepad">
 
<div align='center'>

<a href="http://alongcameastory.jcink.net/index.php?showuser=1"><img src='http://i61.tinypic.com/10f7tzc.gif' /></a><br><br>

<a href="http://alongcameastory.jcink.net/index.php?showuser=24"><img src='http://i58.tinypic.com/2dhto4l.gif' /></a><br><br>

<a href="http://alongcameastory.jcink.net/index.php?showuser=25"><img src='http://i58.tinypic.com/kbc3h4.gif' /></a>


</div>
</div></div>
<br />


<div class="tableborder">
<div class="maintitle" style='text-align: center;'>Cbox</div>
<div class='pformstrip' style='text-align: center;'>Out of character!</div>

<div class="tablepad">
 
<div align='center'>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="280" src="http://www2.cbox.ws/box/?boxid=2361724&amp;boxtag=p6mphf&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain2-2361724" style="border:#B9C8A0 1px solid;" id="cboxmain2-2361724"></iframe></div>
<div><iframe frameborder="0" width="200" height="100" src="http://www2.cbox.ws/box/?boxid=2361724&amp;boxtag=p6mphf&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform2-2361724" style="border:#B9C8A0 1px solid;border-top:0px" id="cboxform2-2361724"></iframe></div>
</div>
<!-- END CBOX -->

</div>
</div></div>
<br />

<div class="tableborder">
<div class="maintitle" style='text-align: center;'>Of the Month</div>
<div class='pformstrip' style='text-align: center;'>Awards</div>

<div class="tablepad">
 
<div align='center'>

Male of the Month <br><br>
<img src='http://i59.tinypic.com/1z2m39y.jpg' /><br><br>
Loki!<br><br>

Female of the Month <br><br>
<img src='http://i60.tinypic.com/aufv44.png' /><br><br>
Belle<br><br>

Thread of the Month <br><br>
<img src='http://i57.tinypic.com/2h39e6w.png' /><img src='http://i59.tinypic.com/2qls4dt.png' /><br><br>
<a href="http://alongcameastory.jcink.net/index.php?showtopic=137">Homeward Bound</a><br>
Belle and Rumplestiltskin<br>



</div>
</div></div>
<br />

<div class="tableborder">
<div class="maintitle" style='text-align: center;'>Cbox</div>
<div class='pformstrip' style='text-align: center;'>In character</div>

<div class="tablepad">
 
<div align='center'>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="300" src="http://www3.cbox.ws/box/?boxid=3402982&amp;boxtag=b2j6y7&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3402982" style="border:#636C75 1px solid;" id="cboxmain3-3402982"></iframe></div>
<div><iframe frameborder="0" width="200" height="100" src="http://www3.cbox.ws/box/?boxid=3402982&amp;boxtag=b2j6y7&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform3-3402982" style="border:#636C75 1px solid;border-top:0px" id="cboxform3-3402982"></iframe></div>
</div>
<!-- END CBOX -->


</div>
</div></div>
<br />
<div class="tableborder">
<div class="maintitle" style='text-align: center;'>Affiliates</div>
<div class='pformstrip' style='text-align: center;'>Join with us!</div>

<div class="tablepad">
 
<div align='center'>

<span class='desc'>
<img src="http://i1274.photobucket.com/albums/y439/rebecccasparkswork/OUAT%20Buttons/Button_zpsb7fac252.jpg"><br><br>

<textarea class="textinput" readonly="readonly"><a href="http://alongcameastory.jcink.net/index.php?"><img src="http://i1274.photobucket.com/albums/y439/rebecccasparkswork/OUAT%20Buttons/Button_zpsb7fac252.jpg"></a></textarea>

<br><br><b><u>Listed At</b></u></b><br><br>

<a href="http://rpg-directory.com/" target="_blank"><img src="http://rpg-directory.com/images/affiliate.png"  alt="RPG-D" title="RPG-Directory" border="0" /></a>

<a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND"><img src="http://i.imgur.com/Y3WCcrs.png"></a><br>

<a href="http://athousandfireflies.net"><img src="http://i58.tinypic.com/dym0ef.jpg" /></a>

<a href="http://shine.b1.jcink.com/"><img src="http://shine.b1.jcink.com/uploads/shine/adbutton/button.png" border="0"></a><br>

<a href="http://rpads.b1.jcink.com" target="blank"><img src="http://i40.tinypic.com/15347tg.png"></a>

<a href=http://allthingsroleplay.tumblr.com><img src=http://i54.tinypic.com/nve9u8.png></a><br>

<a href="http://z10.invisionfree.com/Shadowplay/index.php?act=idx"><img src="http://i53.tinypic.com/1z21vzk.jpg" border="0" alt="Shadowplay"></a>
<a href="http://rpg-resources.com/index.php?"><img src="http://crystal.s1.jcink.com/skins/rpg/affb.png"></a><br>

<a href="http://distant-fantasies.net"><img border="0" src="http://img.photobucket.com/albums/v339/artisticchardon/df/disf4.png"></a>

<br><br><b><u>Sister Sites </b></u><br><br>

<a href="http://z13.invisionfree.com/Magical_Bonds/index.php?act=idx"_blank"><img src="http://i210.photobucket.com/albums/bb158/Twillightsky/RP/MBaff.gif" alt="Magical Bonds: an AU Marauder’s era RP"></a>

<br><br><b><u>Affiliated with </b></u><br><br>

<marquee scrolldelay="151"><BR>

<a href="http://ouadrpg.jcink.net"><img src="http://i.imgur.com/3U4MNSf.png" alt="Once Upon a Dream" border="0"></a>

<a href='http://storybrookexmaine.Jcink.Net/'><img src='http://oi60.tinypic.com/2yx5861.jpg' alt='storybrooke maine'/></a>

<a href=http://poisonapples.jcink.net><img src=http://i.imgur.com/ng49Hdf.png>

<a href="http://www.ouatmmrpg.com" target="_blank"><img src="http://i1214.photobucket.com/albums/cc489/priorilove/Skins/mm/mirrormirroradaffiliate.png" border="0" width="88px" height="31px"></a>

<a href="http://trueloveskiss.freeforums.net" target=_blank><img src="http://i223.photobucket.com/albums/dd53/tanya2byour21/Banners%20And%20Icons/Button_zps31e7f479.jpg"></a>

<a href="http://enchantedforest.jcink.net/" target=_blank><img src="http://img.photobucket.com/albums/v222/DarthMaul630/Buttons/TEFbutton_zps3a8c1496.png" border="0" height="31" width="88" alt="The Enchanted Forest" /></a>

<a href='http://onceuponacity.jcink.net'><img src='http://oi60.tinypic.com/w9finr.jpg' alt='Once Upon A City' /></a>

<a href="http://onceanightmare.b1.jcink.com/index.php?act=idx"><img src="http://www.bardofprey.com/OUANAffButton.png"></a>

<a href="http://fantasiesunwind.jfbs.net/index.php?act=idx"><img src="http://i.imgur.com/pJLgtZI.png"></a>

<a href="http://ouatovertherainbow.proboards.com//index.cgi" target="_blank"><img src="http://i1269.photobucket.com/albums/jj590/ljphotography1/onceaff_zpsc4e4ac07.jpg" border="0" alt="OUaT"></a>

<a href="http://feelthemagic.jcink.net/"><img src="http://i57.tinypic.com/34xlytt.png"/></a>

<a href="http://wts.b1.jcink.com"><img src="http://i203.photobucket.com/albums/aa112/Pumbaa7287/WTS_zps0c58d710.png"></a>

<a href="http://foreverafter.jcink.net/index.php?"><img src="http://i1354.photobucket.com/albums/q682/melaniernee64/button1_zps5f453fb6.jpg"></a>

<a href="http://bloodroses.jcink.com"><img src="http://i1302.photobucket.com/albums/ag129/TeamVitae/Consequences/LieToMe/button_zps3875edf6.gif"></a>

<br>

<a href="http://wolfout.b1.jcink.com" target="Wolf Out jcink forum"><img src="http://i61.tinypic.com/21muhzn.gif" border="0" alt="Wolf Out jcink forum"></a>

</marquee><br>


</span>


</div>
</div></div>
<br />

<div class="tableborder">
<div class="maintitle" style='text-align: center;'>Credits</div>
<div class='pformstrip' style='text-align: center;'>People to thank</div>

<div class="tablepad">
 
<div align='center'>

Skin base and mini profile template <br> by Crystal of RPG-Resources and Jcink<br>
Skin design by Kat<br>
Mini profile by <a href="http://shine.b1.jcink.com/index.php?showuser=1377">M Shadows</a> of Shine<br>
Banner by MJ<br>
Affiliate table by Roswenth of RPG-D<br>
Forum images by OUAT wikia and screencapped.tv<br>

</div>
</div></div>
<br />


</div>
<!-- sidebar -->                              
<div style="margin-left: 260px; width: 800px;">

   <div id="logo">
<a href="http://alongcameastory.jcink.net/index.php"><img src='http://i81.photobucket.com/albums/j219/flamingcrisis/banner2revisedagain.png' /></a></div>
   <% BOARD %>
   <div id="skin_selector">
       <% SKIN_SELECTOR %>
   </div>
   <% COPYRIGHT %>
</div>

   <script>$('#logo a img[src="style_images/1/spacer.gif"]').replaceWith('<!-- |board_name| -->');</script>

  </div>
</div>
 </body>
</html>

<link href='http://fonts.googleapis.com/css?family=Mr+Dafoe' rel='stylesheet' type='text/css'>
<script type='text/javascript'>

<!--// add colors to dropdown at post page
// Created by Stefan (aka ticlo) of Ifskinzone
n = 0
addColors = new Array()

// add colors here
addColors[n++] = 'Aqua'
addColors[n++] = 'Aquamarine'
addColors[n++] = 'Beige'
addColors[n++] = 'Black'
addColors[n++] = 'Blue'
addColors[n++] = 'Blueviolet'
addColors[n++] = 'Cadetblue'
addColors[n++] = 'Chartreuse'
addColors[n++] = 'Cornflowerblue'
addColors[n++] = 'Crimson'
addColors[n++] = 'Cyan'
addColors[n++] = 'Darkblue'
addColors[n++] = 'Darkcyan'
addColors[n++] = 'Darkgreen'
addColors[n++] = 'Darkmagenta'
addColors[n++] = 'Darkolivegreen'
addColors[n++] = 'Darkorange'
addColors[n++] = 'Darkred'
addColors[n++] = 'Darksalmon'
addColors[n++] = 'Darkseagreen'
addColors[n++] = 'Darkslateblue'
addColors[n++] = 'Darkslategray'
addColors[n++] = 'Darkturquoise'
addColors[n++] = 'Darkviolet'
addColors[n++] = 'Deeppink'
addColors[n++] = 'Deepskyblue'
addColors[n++] = 'Dimgray'
addColors[n++] = 'Dodgerblue'
addColors[n++] = 'Firebrick'
addColors[n++] = 'Fuchsia'
addColors[n++] = 'Forestgreen'
addColors[n++] = 'Goldenrod'
addColors[n++] = 'Green'
addColors[n++] = 'Greenyellow'
addColors[n++] = 'Hotpink'
addColors[n++] = 'Indianred'
addColors[n++] = 'Indigo'
addColors[n++] = 'Khaki'
addColors[n++] = 'Lawngreen'
addColors[n++] = 'Lightblue'
addColors[n++] = 'Lightcoral'
addColors[n++] = 'Lightgreen'
addColors[n++] = 'Lightgrey'
addColors[n++] = 'Lightpink'
addColors[n++] = 'Lightsalmon'
addColors[n++] = 'Lightseagreen'
addColors[n++] = 'Lightskyblue'
addColors[n++] = 'Lightslategray'
addColors[n++] = 'Lightsteelblue'
addColors[n++] = 'Lime'
addColors[n++] = 'Limegreen'
addColors[n++] = 'Magenta'
addColors[n++] = 'Maroon'
addColors[n++] = 'Mediumaquamarine'
addColors[n++] = 'Mediumblue'
addColors[n++] = 'Mediumorchid'
addColors[n++] = 'Mediumpurple'
addColors[n++] = 'Mediumseagreen'
addColors[n++] = 'Mediumslateblue'
addColors[n++] = 'Mediumspringgreen'
addColors[n++] = 'Mediumturquoise'
addColors[n++] = 'Mediumvioletred'
addColors[n++] = 'Midnightblue'
addColors[n++] = 'Navy'
addColors[n++] = 'Olive'
addColors[n++] = 'Olivedrab'
addColors[n++] = 'Orange'
addColors[n++] = 'Orangered'
addColors[n++] = 'Orchid'
addColors[n++] = 'Palegreen'
addColors[n++] = 'Paleturquoise'
addColors[n++] = 'Palevioletred'
addColors[n++] = 'Peachpuff'
addColors[n++] = 'Peru'
addColors[n++] = 'Pink'
addColors[n++] = 'Plum'
addColors[n++] = 'Powderblue'
addColors[n++] = 'Purple'
addColors[n++] = 'Red'
addColors[n++] = 'Rosybrown'
addColors[n++] = 'Royalblue'
addColors[n++] = 'Saddlebrown'
addColors[n++] = 'Salmon'
addColors[n++] = 'Sandybrown'
addColors[n++] = 'Seagreen'
addColors[n++] = 'Sienna'
addColors[n++] = 'Silver'
addColors[n++] = 'Skyblue'
addColors[n++] = 'Slateblue'
addColors[n++] = 'Slategray'
addColors[n++] = 'Springgreen'
addColors[n++] = 'Steelblue'
addColors[n++] = 'Tan'
addColors[n++] = 'Teal'
addColors[n++] = 'Thistle'
addColors[n++] = 'Tomato'
addColors[n++] = 'Turquoise'
addColors[n++] = 'Violet'
addColors[n++] = 'White'
addColors[n++] = 'Yellow'
addColors[n++] = 'YellowGreen'

if (document.forms['REPLIER'] && document.forms['REPLIER'].fcolor) {
e = document.REPLIER.fcolor.options
for (n = 0; n < addColors.length; n++) {
no = e[e.length] = new Option(addColors[n], addColors[n])
no.style.color = addColors[n]
}}
// -->
</script>

<script type="text/javascript">
<!--// Word Counter v.001
if(document.REPLIER.Post) ({
$: function() {
var _x = document.REPLIER.Post.parentNode;
var _y = document.createElement("input");
_y.type = "text"; _y.readOnly = "true";
_y.className = "forminput"; _y.id = "words";
_x.appendChild(document.createElement("br"));
_x.appendChild(document.createElement("br"));
_x.appendChild(_y); this._count_words();
document.REPLIER.Post.onkeyup = document.REPLIER.Post.onfocus = document.REPLIER.Post.onblur = this._count_words;
},
_count_words: function() {
var _z = 0, _words = document.REPLIER.Post.value.split(/\s/g);
for(var i = 0; i < _words.length; i ++) {
if(_words[i].length >= 1) _z ++;
}
document.getElementById("words").value = _z + " word" + (_z == 1 ? "" : "s");
}      
}).$();
// Created by Beta --></script>
PM
#
    Let's see if we can't fix this.

    In your wrappers, find this:

    CODE
    <div style="margin-left: 260px; width: 800px;">


    and replace it with this:

    CODE
    <div style="left: 0px; width: 800px; float: right;">


    In your CSS, find this:

    CODE
    #innerwrapper {
    padding: 0 10px;
    position: relative;
    }


    and replace it with this:

    CODE
    #innerwrapper {
    padding: 0 10px;
    position: relative;
    width: 1040px;
    margin: 0 auto;
    }


    That should fix the issues you're having, and then some.


This post has been edited by multiplicity!: Sep 26 2014, 06:28 PM
PM
#
Thank you so much! It's good not to have to scroll to read previous posts at last!
PM
#
This topic has been solved. If you need anymore help please post a new thread. Thanks for choosing Jcink services.

signature

user posted image
YouTube | Email: crystal@jcink.com | Blog: Seriously Lacqueing
DeviantArt
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options ClosedNew TopicNew Poll