- This topic is empty.
March 21, 2012 at 6:37 pm #37283
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.
My Page JSfiddle: http://jsfiddle.net/MtzqR/March 22, 2012 at 10:46 am #99697March 22, 2012 at 11:47 am #99700
I’m sorry it doesn’t because every time I try to fix it other style rules change the look of itMarch 23, 2012 at 11:00 am #99767jstamMember
I think you’re looking for something like this:
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:
March 23, 2012 at 12:23 pm #99779
That unfortunately didn’t do anything.March 23, 2012 at 1:58 pm #99788jstamMember
Poker, 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 #99791
There shouldn’t be any padding between the outer border and form border.March 23, 2012 at 2:19 pm #99792
Try it in FF.March 23, 2012 at 6:37 pm #99811
Any additional ideas?March 26, 2012 at 8:16 pm #99987
Still trying to figure out a solution that works.March 26, 2012 at 11:31 pm #100002
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.March 27, 2012 at 11:56 am #100059
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.March 27, 2012 at 1:19 pm #100068
Ah, 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 #100076
- The forum ‘CSS’ is closed to new topics and replies.