Forums

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

Home Forums CSS Can’t seem to solve this problem

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #45927
    Mikeyvdb
    Member

    Hey guys,
    I’ve been working on a website and i have a problem i can’t seem to fix.

    http://www.mikevdb.nl

    On the right side at products you see a list of product, but i want those to be next to each other, so to speak. So two next to each other instead of just one.

    This is the code i use for the css:

    #producten a{
    text-decoration:none;
    color:white;
    width:158px;
    height:35px;
    font-size: 13px;
    font-family: arial;
    line-height:35px;
    padding-left:10px;
    box-sizing:border-box;
    background-image:url(images/productkopjes.png);
    background-repeat:no-repeat;
    display:block;
    float: left;
    margin-bottom: 2px;
    }

    Thanks :).

    #140842
    Paulie_D
    Member

    Since these are wrapped in separate divs with a class of `news-item` you should float those.

    #140844
    The_Mechanic
    Member

    you should use this css

    `news-item{display:inline-block}`

    and it’ll work fine :-)

    #140846
    Shehbaaz
    Member

    Delete “clear:both” div in your html page

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