djeric
Gebruiker
- Lid geworden
- 22 nov 2006
- Berichten
- 955
hallo.
het positioneren van me i frame gaat niet zoals ik wil.
ook bij veranderingen aan scherm resolutie's gaat van alles mis. (de plaatjes/figuren e.d. komen door elkaar te staan en niet meer netjes zoals het hoort)
ik heb de volgende opbouw:
en de css:
ik moet dus de plaatjes zo neer zetten dat het op een telefoon of tablet en pc's allemaal goed worden weer gegeven.
(de irfames bevatten een link naar een webpagina die gelinkt zijn voor de weergave van wat er speelt)
wat doe ik fout in het positioneren?
het positioneren van me i frame gaat niet zoals ik wil.
ook bij veranderingen aan scherm resolutie's gaat van alles mis. (de plaatjes/figuren e.d. komen door elkaar te staan en niet meer netjes zoals het hoort)
ik heb de volgende opbouw:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content=",radio,promoter,dj,zender,ether,studio,uitzending,live,server,verzoekjes,plaat,muziek,song,aankondiging,uitzending,">
<meta name="description" content="">
<title>radio de promotor</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<!--start logo-->
<div id="logo">
<img id="links" src="index/speaker.jpg" alt="" width="140" height="195">
<img src="index/logo.jpg" alt="" width="561" height="195">
<img id="rechts" src="index/speaker.jpg" alt="" width="140" height="195">
</div>
<!--einde logo-->
<div id="track">
<iframe src="http://www.server12983.irserv2.com/nowplaying/"></iframe>
</div>
<div id="speler">
<A HREF="http://spotstreaming.nl:8018/listen.pls"><IMG SRC="index/wnp.png" title="winamp" ALT="winamp" WIDTH="85" HEIGHT="76" BORDER="0" ALIGN="bottom"></A>
<A HREF="http://radio-depromoter.com/playlist.asx"><IMG SRC="index/wmp.gif" title="windows media player" ALT="windows media player" WIDTH="85" HEIGHT="76" BORDER="0" ALIGN="bottom"></A>
<A HREF="hhttp://radio-depromoter.com/playlist.ram"><IMG SRC="index/real.png" title="realplayer" ALT="real player" WIDTH="85" HEIGHT="76" BORDER="0" ALIGN="bottom"></A>
<A HREF="http://danny-heijt.wix.com.usrfiles.com/html/playlist.qtl"><IMG SRC="index/quick.png" title="quicktime" ALT="real player" WIDTH="85" HEIGHT="76" BORDER="0" ALIGN="bottom"></A>
</div>
<DIV CLASS="positie">
<div id="live">
<iframe src="http://server12983.irserv2.com/djdisplay/"></iframe>
</div>
</div>
</body>
</html>en de css:
Code:
/* wat algemene zaken (reset) */
html,body,div,ul,li,a,img,span
/**************************************************************************************************************************************************/
/**************************************************************************************************************************************************/
/* instellingen voor achtergrond. */
{
margin:0; padding:0; border:0; outline:0; font-size:100%;
vertical-align:baseline; background:transparent; }
body {
background-image : url(index/achtergrond.jpg);
background-attachment : fixed;
}
/***************************************************************************************************************************************************/
/***************************************************************************************************************************************************/
/* instelingen voor logo */
img#links {
/* instelingen vanaf rechts van de middelste foto */
margin-right: 15px;
}
#logo {
/* instelingen voor logo */
text-align : center;
padding-top : 10px;
}
img#rechts {
/* instelingen vanaf links van de middelste foto */
margin-left: 15px;
}
/* einde instelingen voor logo */
/**************************************************************************************************************************************************/
/**************************************************************************************************************************************************/
/* instelingen voor wat draait er nu */
iframe {
width: 450px;
border: 0;
}
#track {
font-style : italic;
text-align: center;
}
/* einde instelingen voor wat draait er nu */
/**************************************************************************************************************************************************/
/**************************************************************************************************************************************************/
/* instelingen voor icoontjes spelers */
#speler{
position: absolute;
left: 415px;
top: 265px;
}
/* einde instelingen voor icoontjes spelers */
/**************************************************************************************************************************************************/
/**************************************************************************************************************************************************/
.positie
{
float: left;
width: 100px;
height: 300px;
}
#live{
position: absolute;
left: 935px;
top: 210px;
width: 650px;
}ik moet dus de plaatjes zo neer zetten dat het op een telefoon of tablet en pc's allemaal goed worden weer gegeven.
(de irfames bevatten een link naar een webpagina die gelinkt zijn voor de weergave van wat er speelt)
wat doe ik fout in het positioneren?
