Forums

  • TWG
    # July 9, 2012 at 4:01 pm

    I was playing around with some HTML5 code for a directory. I’m using a article section for each faculty member but for some reason, they are not showing up one under another. Can anyone help point me in the right direction.

    http://codepen.io/anon/pen/10028/1

    # July 9, 2012 at 4:08 pm

    @maddtechwf Because you set it to inline-block on the clearfix class. If you set it to block it works. http://codepen.io/pen/10031/1

    # July 9, 2012 at 4:32 pm

    You mean separately? It seems they are wrapping all the items.

    # July 9, 2012 at 4:49 pm

    You have spelled ‘article’ incorrectly, that could be throwing some things off.

    # July 10, 2012 at 1:08 pm

    No problem. It’s just a tiny error in your code. You have:
    #faculty-info .row-a { background: #e5e5e5;}
    When it should be:
    #faculty-info.row-a { background: #e5e5e5;}
    Note the space that I’ve removed. You were looking for #faculty-info with a child element called .row-a. Mine is targeting any #faculty-info with a class of .row-a.

    Speaking of IDs and classes, you should only be using an ID once per page. In your page, you’ve got a number of duplicates.

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag