Hallo,
Sinds kort ben ik bezig met het maken van een Website (http://www.team-resource.eu/). Dit heb ik volledig gedaan met HTML en CSS, alleen heb ik nu een probleem waar ik de geen directe oplossing voor weet. Bij pagina: http://www.team-resource.eu/csgo-team.html Kan je zien dat als je de browser verkleint, alle afbeeldingen ook verplaatsen, dat niet de bedoeling is.
Hoe kan ik er voor zorgen dat deze afbeeldingen op de plaats behoren te staan zoals als de browser gemaximaliseerd is?
HTML csgo-team.html
Sinds kort ben ik bezig met het maken van een Website (http://www.team-resource.eu/). Dit heb ik volledig gedaan met HTML en CSS, alleen heb ik nu een probleem waar ik de geen directe oplossing voor weet. Bij pagina: http://www.team-resource.eu/csgo-team.html Kan je zien dat als je de browser verkleint, alle afbeeldingen ook verplaatsen, dat niet de bedoeling is.
Hoe kan ik er voor zorgen dat deze afbeeldingen op de plaats behoren te staan zoals als de browser gemaximaliseerd is?
HTML csgo-team.html
HTML:
<!DOCTYPE HTML>
<html>
<title>Team RESOURCE.EU</title>
<head>
<link href="css/style.css" type="text/css" rel="stylesheet">
<link rel="shortcut icon" href="images/resource.ico">
<div
style='-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;'
unselectable='on'
onselectstart='return false;'
onmousedown='return false;'>
</head>
<body style="background: url(images/background.png); background-repeat: no-repeat;">
<center><img src="images/logo-resource.png"></center>
<center><img src="images/head-box.png" height="811" width="900"></center>
<img style="position:absolute; TOP:1000px; LEFT:625px" src="images/copyright.png">
<!-- Images Players -->
<img style="position:absolute; TOP:200px; LEFT:1016px" src="images/Feyenoord.png">
<img style="position:absolute; TOP:361px; LEFT:1016px" src="images/Feyenoord.png">
<img style="position:absolute; TOP:522px; LEFT:1016px" src="images/Feyenoord.png">
<img style="position:absolute; TOP:683px; LEFT:1016px" src="images/Feyenoord.png">
<img style="position:absolute; TOP:844px; LEFT:1016px" src="images/Feyenoord.png">
</div>
<!-- Images Sponsors -->
<a href="https://pkrhosting.co.uk/"><img style="position:absolute; TOP:320px; LEFT:1233px" src="images/PKRHosting.png" height="140" width="115"></a>
<a href="https://pkrhosting.co.uk/"><img style="position:absolute; TOP:475px; LEFT:1233px" src="images/PKRHosting.png" height="140" width="115"></a>
<a href="https://pkrhosting.co.uk/"><img style="position:absolute; TOP:630px; LEFT:1233px" src="images/PKRHosting.png" height="140" width="115"></a>
</body>
</html>
