Forums

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

Home Forums CSS float doesn't work

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #194868
    WolverineNL
    Participant

    my html5 is:

    <p2 class=”aside”><h3>Foto’s van ons met korte beschrijving</h3>


    </p2>

    <p1 class=”section”>section
    text en text en nog meer text in section
    </p1>

    <p3 class=”article”>
    <h2 class=”mark”>Article</h2>”Lukt het je niet om in te loggen in de Mail of Drive met je schoolaccount ([email protected])? Meld je dan bij dhr. Spijkers in de Mediatheek. Het resetten van het wachtwoord duurt ongeveer 24 uur waarna je het nieuwe wachtwoord op kunt halen bij dhr. Spijkers.”
    Br
    on:http://www.schoolbord.info
    </p3>

    my css is:
    p2.aside {
    position: relative;
    left:550px;
    display:inline-block;
    float:right;
    border: 3px solid red;
    width: 270px;
    height:1000px;
    clear:both;
    }

    p1.section{
    position:realtive;
    float:left;
    border: 3px solid red;
    border-radius:25px;
    width: 700px;
    height:400px;
    display:inline-block;
    background-color:blue;
    clear:both

    }

    p3.article{
    position:relative;
    float:left;
    border:3px solid red;
    border-radius:25px;
    width: 700px;
    height:400px;
    display:inline-block;
    clear:both

    #194870
    Paulie_D
    Moderator

    Please no codedumps.

    They are rarely useful..

    Please make a Codepen.io demo of the issue in question (using a dummy image if necessary).

    See the Tips Box —>

    Help us help you.

    #194873
    Paulie_D
    Moderator

    However, I can see some obvious problems with what you did post.

    There are no such elements as p1, p2 or p3. Did you mean just p?

    If you did then there are other issues in that you shouldn’t put heading tags inside p tags.

    Try using div tags instead.

    #194933
    bikejunkie
    Participant

    from what I can see, the p2.aside would want a space before the aside. I also think html5 has aside built in so you don’t need to make it a class.

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