horizontaal en verticaal centeren img
de code wordt dus ongeveer zo:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
.div
{
position: absolute;
top:50%;
left:50%;
margin-left: -GROOTEpx;
margin-top: -GROOTEpx;
}
{
position: absolute;
top:50%;
left:50%;
margin-left: -GROOTEpx;
margin-top: -GROOTEpx;
}
hier vervang je GROOTE bij margin-left naar de breedte van de afbeelding in px gedeelt door 2.(dus bij 50px wordt het margin-left: -25px;)
ditzelfde doe je bij margin-top, maar dan met de hoogte van de afbeelding.
Natuurlijk moet je de div/afbeelding in css nog een width en height meegeven