djeric
Gebruiker
- Lid geworden
- 22 nov 2006
- Berichten
- 955
hallo.
mijn website krijg ik maar niet aan de gang. (let op de website staat op een index 2.html pagina, omdat de oude website terug online staat.)
Ik blijf met me bovenste regel knoeien waar ik gebleven was.
Alles moet boven aan op de bovenste achtergrond komen te staan. echter schuift alles kris kras door elkaar
zo staat hij nu:
en zo wil ik hem:
p.s. enkele plaatjes en/of afbeeldingen wijken af, omdat er met paint is gewerkt voor duidelijke voorbeeld.
mijn website krijg ik maar niet aan de gang. (let op de website staat op een index 2.html pagina, omdat de oude website terug online staat.)
Ik blijf met me bovenste regel knoeien waar ik gebleven was.
Alles moet boven aan op de bovenste achtergrond komen te staan. echter schuift alles kris kras door elkaar
zo staat hij nu:
en zo wil ik hem:
HTML:
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>wat is er nieuw op hitdance radio</title>
<meta name="description" content="dance, hardstyle, apresski, nederlands, rock, jaren 70, jaren 80, jaren 90, hitdance, radio, met muziek voor jong en oud, en de leukste dj's">
<meta name="keywords" content="online, dj, muziek, hard dance, hardstyle, live dj, nieuws, dj team, live, live dj, radio luisteren, verzoekplaat, verzoekjes, spiegelplaat, facebook, radio, live streams, boekingen, gezocht, draait">
<link href="hitdance.css" rel="stylesheet" type="text/css">
<!-- Insert to your webpage before the </head> -->
<script src="audioplayerengine/jquery.js"></script>
<script src="audioplayerengine/amazingaudioplayer.js"></script>
<link rel="stylesheet" type="text/css" href="audioplayerengine/initaudioplayer-1.css">
<script src="audioplayerengine/initaudioplayer-1.js"></script>
<!-- End of head section HTML codes -->
</head>
<body>
<div id="achtergrond">
<iframe src="http://server13003.irserv2.com/djdisplay/" class="djdisplay" style="height: 43%; width: 150px;"></iframe>
<img class="autoresize" src="plaatjes/logo.png" title="Logo" alt="Logo"></img>
<div style="margin:12px auto;">
<!-- Insert to your webpage where you want to display the audio player -->
<div id="amazingaudioplayer-1" style="display:block;position:relative;width:300px;height:164px;margin:0px auto 0px;">
<ul class="amazingaudioplayer-audios" style="display:none;">
<li data-artist="" data-title="" data-album="" data-info="" data-image="" data-duration="0">
<div class="amazingaudioplayer-source" data-src="http://178.251.24.69:7039/stream" data-type="audio/mpeg" />
</li>
</ul>
<div class="amazingaudioplayer-engine"><a href="http://amazingaudioplayer.com" title="audio player for website">html5 audio player</a></div>
<!-- End of body section HTML codes -->
<div class="nowplying"><a href="http://server13003.irserv2.com/nowplaying/index.php" title="Now playing"></a>
</div>
</div>
</div>
<img class="buma" src="plaatjes/buma.png" title="Buma-stemra" alt="Buma-stemra"></img>
<img class="sena" src="plaatjes/sena.png" title="Sena" alt="Sena"></img>
</div></div>
</body>
</html>
Code:
body{
background:#000000;
}
div#achtergrond {
height: 350px;
width: 100%;
background: #000000 url(plaatjes/achtergrond.jpg) no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.djdisplay { float: left; width: 100%; height: 175px;
position: absolute;
top: 180px;
margin-left : 1%;
height : 160px;
width : 150px;
max-width : 150px;
border: 0px;
}
img.autoresize {
height : auto;
max-width : 100%;
width : auto;
margin-left : 175px;
margin-right: 10px;
}
img.buma {
height : auto;
max-width : 100%;
width : auto;
margin-left : 0px;
margin-right: 10px;
}
img.sena {
height : auto;
max-width : 100%;
width : auto;
margin-left : 0px;
margin-right: 10px;
}
p.s. enkele plaatjes en/of afbeeldingen wijken af, omdat er met paint is gewerkt voor duidelijke voorbeeld.
Laatst bewerkt: