Forums

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

Home Forums CSS How to position things with css?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #154854
    top10on
    Participant

    I don’t know much about CSS, so I’m assuming this is just a very basic question I can’t find the answer to.

    Anyway how do you position something using CSS, I want to put an Ad below the banner on my website and I can’t figure out how to do it.

    Here’s my site: http://Toptenoneverything.com

    See the long banner ad, I want to put that centered above the side bar and main part, instead of sitting next to the sidebar.

    Here are two examples of what I mean, just look at the ads under the banners:
    http://www.techspot.com/
    http://www.gamespot.com/news/

    The only thing I could find is something like this but idk.

    <

    div style=”left:0px;top:360px;”>

    #154861
    Ricardo C.
    Participant

    Hello top10on,
    It looks like you have the ad in the wrapper div. Remove the ad from the wrapper div and place it on top of the wrapper div, create a new div and give it an id or class of “ad”. place your ad there. That should get it where you want it.
    I have included a codepen so you can take a look on how to do it.
    http://codepen.io/ricky117/pen/DruAj
    I would also like to mention if you are interested in learning web stuff, I have a youtube page where I am starting a new series called mastering web design. maybe you would like to check it out.

    Attentively,
    R. Cortes
    YouTube: http://goo.gl/0LxolG
    Twitter: @117_ricky
    G+: http://goo.gl/uA1xTy

    #154862
    Alexander
    Participant

    Hi!

    There is a simple solution by changing the structure in the HTML, but maybe that is not an option?

    Anyway, by taking the container div of the ad

    <div id="row sqs-row">
    

    and moving it outside the wrapper div surrounding all your main content.

    <div class="wrapper rs clear">
    

    It should then sit on top of your content

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