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.

  Add ReplyNew TopicNew Poll

 post row gap thing
#
EXAMPLE HERE

so basically, there's just a little white gap underneath all the posts, and i don't want it there. here's a screenshot so you know what i'm talking about, sorry this is vague but i feel like it's pretty self-explainatory

user posted image

thank you in advance http://files.b1.jcink.com/html/emoticons/biggrin.gif
PM
#
First off, could you move the styles for your post template to the stylesheet? That's where it should be anyway since this template is repeated throughout the site and not just in specific places.

We'll also need the code for your post template.

You can try adding this to the container class for the post row.
CODE
margin-bottom:0;


I'm not sure it'll work but it can't hurt, right?
PM
#
Unfortunately that did not work
& yeah sure! I generally like to code them in the template until I'm finished coding but that's no problem!
that's updated!
PM
#
    I almost have it figured out, but I can't change certain elements because the CSS is still inside the Post Row template. Can you remove the CSS that is in the template so I can better work with the inspect element function to solve your issue?
PM
#
oops sorry, i did move it last night but forgot to remove it from the template! sorry about that, should be updated now
PM
#
    I will take a look at this today and let you know the solution.
PM
#
    jess the hufflepuff

    I apologize for the delay, but I managed to figure this out (I believe) without having to sacrifice the HTML you're using.

    First, find where it says this in the template:

    CODE
    <table style="margin-bottom: 0px;">


    and replace it with:

    CODE
    <table style="margin-bottom: 0px;position: relative;">


    Then, replace the following classes in your CSS with the ones I post here:

    CODE
    .ccpostrow {
       background-color: #fff;
       width: 100%;
       min-height: 525px;
       padding-bottom: 0px;
       border-left: 1px solid #725560;
       border-right: 1px solid #725560;
       border-bottom: 1px solid #725560;
       position: relative;
    }


    CODE
    .ccpostrow .posting {
       width: 600px;
       height: calc(100% - 40px);
       background-color: #fff;
       border-left: 1px solid #725560;
       border-right: 1px solid #725560;
       padding: 20px;
       position: absolute;
       left: 226px;
       top: 0px;
    }


    CODE
    .ccpostrow .whiting {
       background-color: #D4ABC2;
       position: absolute;
       top: 0px;
       right: -85px;
       height: calc(100% - 2px);
       width: 60px;
    }


    If this works, we'll be able to troubleshoot any other issues that show up along the way. c:
PM
#
multiplicity!
thank you that fixed the gap! but now, it doesn't expand with the post.

http://peach2.jcink.net/index.php?showtopic=6&st=2&#entry16
PM
#
bump!
PM
#
this can be closed!

i ended up recoding the post row exactly like i did before, got the gap again but fixed it with a silly
CODE
<table cellspacing="0">


i forgot cellspacing was a thing haha but thanks for your help!!
PM
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options Add ReplyNew TopicNew Poll