Grow your CSS skills. Land your dream job.

css not targeting the element

  • # May 22, 2011 at 8:01 am

    http://graphictheme.tumblr.com/

    I have css which is defining the width of the page numbers in the pagination at the bottom of the page, but for some reason the css targeting the li with a class of rarr is just not working, can anyone see what is going wrong?

    # May 22, 2011 at 10:12 am

    Hi Lukewilde!

    This is what I see:

    .paginaton li.rarr a {
    background: url(htttp://www.lsw-design.com/rarr_1.png) no-repeat scroll 0 0 transparent;
    padding-left: 5px;
    width: auto;
    }

    1. “pagination” is spelled wrong.
    2. There is an extra “t” in “http://www.lsw-design.com/rarr_1.png”

    Also, I can’t see the pagination images. If I download your page, they appear, so I’m guessing the site “lsw-design” is blocking use of those images.

    # May 22, 2011 at 4:26 pm

    Ah thanks, i always seem to miss the most simple things with all this coding.

    # May 22, 2011 at 7:03 pm

    Could someone take a look at the padding at the top of the ‘main’ div, i don’t understand why some posts are getting pushed down further at the top then others, if you look at page one the gap above the top post is about double the space above the top post on the second page.

    # May 22, 2011 at 8:37 pm

    Hello,

    h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, arial, sans-serif;
    color: ;
    marging: 0;
    padding: 0;
    text-decoration: none;

    Margin is misspelled, giving it a margin of about 20px i believe.

    # May 23, 2011 at 7:43 am

    Another stupid mistake, thank you for pointing that out.

    # May 23, 2011 at 8:06 am

    Something else which i am not sure how to fix, is that the sidebar is jumping into the main div section when you go to one of the sub pages, someone had told me its because the sidebar is inside the Posts block, or inside the posts div, but looking at the code the sidebar isn’t inside either of these.

    # May 23, 2011 at 7:06 pm

    actually it is. You’re missing a closing div somewhere before the sidebar (I placed one just before it and it jumped into position).

    Have you validated? You have 18 errors, some of which are major (including the missing closing div).

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".