PHP gevorderde |
|
Heey allemaal,
Ik gebruik onderstaande code om een podium te maken die per seizoen verschilt.
Dat werkt allemaal wel.
Alleen nu werkt het bij iedereen, alleen bij 1 iemand niet (andere beeldscherm resolutie)
Hoe kan ik het zo maken dat het wel bij iedereen werkt? Ik gebruik deze code.
<head>
<style type="text/css">
#hoofdblok
{ position:relative; left:40px; top:20px; width:500px; height:200px; background:; color:#ffffff }
#eerste
{ position:absolute; left:470px; top:330px; width:75px; height:75px; background:; color:#000000; z-index:3 }
#tweede
{ position:absolute; left:380px; top:355px; width:75px; height:75px; background:; color:#000000; z-index:1 }
#derde
{ position:absolute; left:560px; top:355px; width:75px; height:75px; background:; color:#000000; z-index:2 }
</style>
</head>
<body>
<div id="hoofdblok">
<img src="images/podium 1956.jpg">
</div>
<div id="eerste">
<img src="images/spelers/Jelle Bonnes.jpg" border="0" width="75" height="75" vspace="0" alt="Jelle Bonnes">
</div>
<div id="tweede">
Tweede plaats
</div></div>
<div id="derde">
Derde plaats
</div>
</body>
<head> <style type="text/css"> #hoofdblok { position:relative; left:40px; top:20px; width:500px; height:200px; background:; color:#ffffff } #eerste { position:absolute; left:470px; top:330px; width:75px; height:75px; background:; color:#000000; z-index:3 } #tweede { position:absolute; left:380px; top:355px; width:75px; height:75px; background:; color:#000000; z-index:1 } #derde { position:absolute; left:560px; top:355px; width:75px; height:75px; background:; color:#000000; z-index:2 } </style> </head> <body> <div id="hoofdblok"> <img src="images/podium 1956.jpg"> </div> <div id="eerste"> <img src="images/spelers/Jelle Bonnes.jpg" border="0" width="75" height="75" vspace="0" alt="Jelle Bonnes"> </div> <div id="tweede"> Tweede plaats </div></div> <div id="derde"> Derde plaats </div> </body>
|