hoe positioneer je plaatjes

[Anoniem: 1021481]

hallo allemaal, ik moet een html site voor school maken, maar dat wil niet echt lukken, ik heb een div gemaakt dat 500px breed is en met margins 60px 0 0 60px van de linker kant staat, in deze div staat tekst ,maar ik wil naast dat div aan de rechterkant het liefste ook 60px van de kant af een rij van plaatjes onder elkaar maken maar ik weet niet hoe? als iemand me zou kunnen helpen ben ik echt heel dankbaar

btw ik gebruik html5 en maak mn site in notepad++

[Trinsec]

https://www.w3schools.com/default.asp

Ga hier eens mee aan de slag.

[reshi]

Of https://css-tricks.com/snippets/css/complete-guide-grid/

[q-enf0rcer.1]

Je zou dit kunnen doen met een relative of absolute container. Alle onderliggende elementen worden dan relatief gepositioneerd ten opzichte van deze container. Dit met uitzondering van elementen die fixed gepositioneerd zijn. Een klein voorbeeld:

HTML:

code:

<div id="container">
   <div id="positioned-item">TEST</div>
</div>

CSS:

code:

#container { width: 500px; height: 500px; position: relative; background: blue; }
#positioned-item { width: 50px; height: 50px; position: absolute; bottom: 0; right: 0; background: red; }

Plunkr: https://embed.plnkr.co/ilXIa67kgMhq5QWrPj3a/

[ Voor 16% gewijzigd door q-enf0rcer.1 op 03-01-2018 18:02 ]