djeric
Gebruiker
- Lid geworden
- 22 nov 2006
- Berichten
- 955
Nu ik me achtergrond klaar hebt, ben ik bezig met de bovenste helft van me pagina.
Echter wil dit (zoals verwacht) mij dus niet lukken om het netjes en goed te krijgen voor alle type gebruikers: (pc,tablet,mobiel)
* linker kant komt deze pagina: klik
* midden komt het logo
* rechterkant komt een flashplayer (zie de html code) + onder de speler de buma & sena logo/nummer
zie op de website nu online: Website
Echter wil dit (zoals verwacht) mij dus niet lukken om het netjes en goed te krijgen voor alle type gebruikers: (pc,tablet,mobiel)
* linker kant komt deze pagina: klik
* midden komt het logo
* rechterkant komt een flashplayer (zie de html code) + onder de speler de buma & sena logo/nummer
zie op de website nu online: Website
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;
}
div#speler { float: right; width: 100%; height: 175px;
position: absolute;
top: 20px;
margin-left : 67%;
height : 160px;
width : 150px;
max-width : 150px;
border: 0px;
}
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;
}
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">
</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 id="speler">
<script type="text/javascript" src="http://www.radiohost.gr/players/radio_players/mrp.js"></script>
<script type="text/javascript">
MRP.insert({
'url':'http://178.251.24.69:7039/stream',
'codec':'mp3',
'volume':75,
'autoplay':true,
'buffering':5,
'title':'Hitdance radio',
'welcome':'',
'bgcolor':'#FFFFFF',
'skin':'blueberry',
'width':338,
'height':102
});
</script>
<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>