Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Adjusting padding and border

  • This topic is empty.
Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #37283
    PokerAcesKid
    Member

    I’m having a real hard time trying to figure out how to fix this css issue. I’m trying to fix what’s in the 3rd table content that is the compose new pm message form so that it doens’t have any space between the form and the outer content just like it is on the template that says Form with Alternative Style in the form heading. I can’t fix the content class rule because that completely messes up the rest of the page and you can see that if you go back to one of the other two tabs.

    Template: http://www.kansasoutlawwrestling.com/peach/forms.html

    My Page JSfiddle: http://jsfiddle.net/MtzqR/

    #99697
    Anujak
    Participant

    I Think It Helps You Margin and Padding Setting

    #99700
    PokerAcesKid
    Member

    I’m sorry it doesn’t because every time I try to fix it other style rules change the look of it

    #99767
    jstam
    Member

    I think you’re looking for something like this:


    ​div.content2.no-padding.with-actions {
    margin-top: 10px;
    }​

    However, it looks like you’re trying to do something different with that part of the user interface that the original template didn’t intend. That panel (with the “no-padding” class) is meant to have no margin or padding and hug right next to the div.header. While the above CSS declaration solves your problem, I think you may want to switch panel styles on that particular form to one with native spacing built in. Just my 2 cents.

    Also, you may need to add an additional class to the markup on that div to target it specifically. In that case you’d do something like this:


    ...


    ​div.content2.no-padding.with-actions.your-additional-class {
    margin-top: 10px;
    }​
    #99779
    PokerAcesKid
    Member

    That unfortunately didn’t do anything.

    #99788
    jstam
    Member

    Poker, it updated the margin on your JSFiddle: jsfiddle.net/jstam/MtzqR/6/. Granted I’m only looking at it in Chrome. ;-)

    #99791
    PokerAcesKid
    Member

    There shouldn’t be any padding between the outer border and form border.

    #99792
    PokerAcesKid
    Member

    Try it in FF.

    #99811
    PokerAcesKid
    Member

    Any additional ideas?

    #99987
    PokerAcesKid
    Member

    Still trying to figure out a solution that works.

    #100002
    TheDoc
    Member

    I’ve looked at this a few times now and still don’t see what you’re referring to. I’m sure it’s something simple, just need to know exactly what you’re looking at.

    Take a screenshot of the problem (circle it in your screenshot) and a screenshot of what it should look like.

    #100059
    PokerAcesKid
    Member

    My issue is with the success/error message that gets shown after a form submission. It doesn’t completely fill the width of the content div. I’m sure style rules will need to be changed but its also noted that the original issue was solved BUT to fix the new issue the form styles might need to be changed.

    Its just hard to style the form to make it look like the template because changing how it looks or what not impacts how the tables look for the inbox and sent tables.

    http://screencast.com/t/21kCsyNQa

    #100068
    TheDoc
    Member

    Ah, I can’t get to that screen, it asks for a login before I am able to submit a message.

    #100069
    PokerAcesKid
    Member
    #100076
    TheDoc
    Member

    I know what you’re referring to, but how can I get that screen to appear? I am unable to actually submit a message because it gives me this: http://cl.ly/063b2g2h2t402K0j120F

Viewing 15 posts - 1 through 15 (of 15 total)
  • The forum ‘CSS’ is closed to new topics and replies.