Forums

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

Home Forums CSS HTML5 and divs now showing up correctly

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #38838
    TWG
    Participant

    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

    #105757
    chrisburton
    Participant

    @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

    #105763
    chrisburton
    Participant

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

    #105765
    TheDoc
    Member

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

    #105819
    TheDoc
    Member

    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)
  • The forum ‘CSS’ is closed to new topics and replies.