Goedenavond,
Op mijn eigen website heb ik een probleem bij de pagina 'portfolio'.
Ik heb twee afbeeldingen naast elkaar neergezet, alleen als de pagina wordt verkleind, verkleinen de afbeeldingen mee. Ik zou liever hebben dat ze bij het verkleinen van de pagina onder elkaar komen te staan (op 100% van de verkleinde pagina). Dit is de css code:
.imgbox{
width: 50%;
color: #000;
display: inline;
}
.imgbox img{
width: 90%;
}
En dit de html:
<article class="imgbox left">
<a href="tekst.html"><img src="img/tekst.jpg"></a>
</article>
<article class="imgbox right">
<a href="beeld"><img src="img/beeld.jpg"></a>
</article>
Daarnaast nog een klein probleempje: onder deze html code moet ik ongeveer 10x <br /> zetten (ja, ik weet hoe gek dit is) om mijn footer niet dwars door mijn twee afbeeldingen te laten lopen. Dit gaat goed, maar bij het verkleinen van de pagina zorgt dit voor een probleem. Iemand enig idee hoe ik dit anders kan aanpakken?
Alvast bedankt! Laura
Op mijn eigen website heb ik een probleem bij de pagina 'portfolio'.
Ik heb twee afbeeldingen naast elkaar neergezet, alleen als de pagina wordt verkleind, verkleinen de afbeeldingen mee. Ik zou liever hebben dat ze bij het verkleinen van de pagina onder elkaar komen te staan (op 100% van de verkleinde pagina). Dit is de css code:
.imgbox{
width: 50%;
color: #000;
display: inline;
}
.imgbox img{
width: 90%;
}
En dit de html:
<article class="imgbox left">
<a href="tekst.html"><img src="img/tekst.jpg"></a>
</article>
<article class="imgbox right">
<a href="beeld"><img src="img/beeld.jpg"></a>
</article>
Daarnaast nog een klein probleempje: onder deze html code moet ik ongeveer 10x <br /> zetten (ja, ik weet hoe gek dit is) om mijn footer niet dwars door mijn twee afbeeldingen te laten lopen. Dit gaat goed, maar bij het verkleinen van de pagina zorgt dit voor een probleem. Iemand enig idee hoe ik dit anders kan aanpakken?
Alvast bedankt! Laura
Laatst bewerkt door een moderator: