- This topic is empty.
-
AuthorPosts
-
March 21, 2012 at 6:37 pm #37283
PokerAcesKid
MemberI’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/
March 22, 2012 at 10:46 am #99697Anujak
ParticipantI Think It Helps You Margin and Padding Setting
March 22, 2012 at 11:47 am #99700PokerAcesKid
MemberI’m sorry it doesn’t because every time I try to fix it other style rules change the look of it
March 23, 2012 at 11:00 am #99767jstam
MemberI 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;
}
March 23, 2012 at 12:23 pm #99779PokerAcesKid
MemberThat unfortunately didn’t do anything.
March 23, 2012 at 1:58 pm #99788jstam
MemberPoker, it updated the margin on your JSFiddle: jsfiddle.net/jstam/MtzqR/6/. Granted I’m only looking at it in Chrome. ;-)
March 23, 2012 at 2:16 pm #99791PokerAcesKid
MemberThere shouldn’t be any padding between the outer border and form border.
March 23, 2012 at 2:19 pm #99792PokerAcesKid
MemberTry it in FF.
March 23, 2012 at 6:37 pm #99811PokerAcesKid
MemberAny additional ideas?
March 26, 2012 at 8:16 pm #99987PokerAcesKid
MemberStill trying to figure out a solution that works.
March 26, 2012 at 11:31 pm #100002TheDoc
MemberI’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.
March 27, 2012 at 11:56 am #100059PokerAcesKid
MemberMy 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.
March 27, 2012 at 1:19 pm #100068TheDoc
MemberAh, I can’t get to that screen, it asks for a login before I am able to submit a message.
March 27, 2012 at 1:37 pm #100069March 27, 2012 at 4:20 pm #100076TheDoc
MemberI 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
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.