Hello,
I am hoping somebody out there can help me solve a pesky little problem I have with one of my new css hack files. Of course as the thread title shows you will need a Webkit browser (Chrome/Safari) to witness the padding problem at the bottom of the page. This page to be precise:
http://rockhost.com/merchant-payment-gateways.php
CSS found here: http://rockhost.com/css/hacks.css
If you scroll down you will see some “mock text.” I put this there temporarily to represent the padding I need removed from in between the Sign Up submit button and “mock text.”
I have been tearing my hair out all day as I just can’t seem to make this go away. The browsers (Safari-Mac & Chrome-PC) seem to be ignoring my pseudo class altogether:
article form:nth-of-type(6) {
margin-bottom: 0px;
padding-bottom: 0px;
}
I have tried last-child as well as nth-last-child.
I also notice my paragraph pseudo class is acting odd as even though the last paragraph is the 8th child (if you count
&
as two) the only way to get results is by marking it 6th:
article p:nth-of-type(6) {
margin-bottom: 0px;
}
I’m stumped. Computer headache.
Thanks!