|
Heb je html op cu2 al
een beetje onder de knie is dit de volgende stap. Begin
hier dus nog maar niet aan als je de rest nog niet
helemaal door hebt :)
Het is mogelijk om hokjes in je profiel te zetten.
Daar kan je dan weer tekst of plaatjes inzetten. Ook is
het mogelijk die hokjes een achtergrond
kleur te geven en er een randje omheen te doen.
<div
style="background-color: orange; width:500px;
height:300px; border: 1px solid black">
Hier alles wat je in het hokje wil hebben
</div>
Zoals je misschien wel ziet is
de code bijna hetzelfde als die voor de achtergrond kleur van
je profiel + rand. Nu maak je hem alleen een stuk
smaller en je geeft de hoogte aan. Voor de verschillende randjes kan je
het stukje hierboven lezen "een rand om je profiel
maken".
Het is ook mogelijk 2 of meer vakjes naast elkaar te
zetten. Hiervoor moet je wel een beetje weten waar je
mee bezig bent. En zijn een aantal codes die je in
bovenstaande code kan verwerken op je hokje de goede
positie te geven.
Voorbeelden daarvan zijn: "margin-top: 100px", "float:right;margin-right: 100px",
"float:left;margin-left: 100px", en "margin-bottom: 100px"
Je zou nu zo'n code kunnen maken:
<div style="background-color: orange; width:200px;
height:100px;border: 1px solid black;float:left;margin-left:40px">Hier
de inhoud van hokje 1</div><div style="background-color:
orange; width:200px; height:100px;border:
1px solid black; float:right;margin-right:40px">Hier
de inhoud van hokje 2</div>
Dit gaat er ongeveer zo uitzien:
Hier de inhoud van hokje 1 Hier de inhoud van hokje 2
Zorg ervoor dat je de 2e div meteen achter het afsluiten
van de 1e div zet anders komen ze niet op de zelfde
hoogte. Als je onder de hokjes verder gaat met een tekst
zal je merken dat het tussen de hokjes begint. Dat is
natuurlijk niet de bedoeling. Een truckje om dit te
verkomen is door een lijn onder de hokjes te plaatsen in
de kleur van je achtergrond. Zo heb je een onzichtbare
scheiding gemaakt. Bij een zwarte achtergrond:
<hr
width="638" size="1"
color="black">
Lees onderaan deze pagina meer
informatie over lijnen op je profiel.
|