Skip to main content
Known Participant
June 4, 2017
Question

Some pbs whith my page

  • June 4, 2017
  • 1 reply
  • 1002 views

Hello
I created this page and I would like to add a block to the right of my page as in the image. I looked for solutions on google but I can not find anything that works. In this block I would like to be able to place texts and images. Can you tell me what are the possibilities to do this?

here is my work and the code

Document test

Thank's for your help

    This topic has been closed for replies.

    1 reply

    Nancy OShea
    Community Expert
    Community Expert
    June 4, 2017

    How do you envision this to work for tablets and mobile devices where space is limited?

    Nancy O'Shea— Product User & Community Expert
    Known Participant
    June 4, 2017

    For tablets and mobile device this block disappears

    Known Participant
    June 6, 2017

    jeanlouis83  wrote

    I wish to have a space between 2 div my idea would be to create a 3rd div to put it in between 2. Is this a good solution or is there a better way to do it?
    I saw on google the possibility of using display: table

    You could just add another <div> after the closing </main> tag:

    <p>Lorem ipsum dolor sit amet, consectetur</p>

    <p>Lorem ipsum dolor sit amet, consectetur</p>

    <p>Lorem ipsum dolor sit amet, consectetur</p>

    </div>

    </main>

    <!-- end main-content -->

    <div class="col_2">

    </div>

    <!-- end col_2 -->

    <aside class="sidebar">

    Sidebar content goes here.

    </aside>

    <!-- end sidebar -->

    Add the css for the extra column (col_2) and then update the widths of the containers:

    .main-content {

    float: left;

    width: 600px;

    }

    .col_2 {

    float: left;

    width: 300px

    }

    .sidebar {

    float: left;

    width: 300px;

    background-color: yellow;

    }

    .footer {

    clear: both;

    }


    Ok that work well but is there a good or best solution ?

    I ask this question because I must put a space ( ) if not it do not work

    <div class="col_2">

         

    </div>