- This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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
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.
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.
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.