Forums

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

Home Forums CSS CSS 3 -webkit pseudo class problem

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #32453
    rockhost
    Member

    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!

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