foto boven iframe

Status
Niet open voor verdere reacties.
O

Omed

Gebruiker
Lid geworden
12 jul 2006
Berichten
61
hey mensen,
ben een beginner en was bezig met een website en nu ben ik tegen een probleem aangelopen dus ik dacht misschien kan iemand hier mij helpen

ik heb een foto en daar onder moet een facebook like box.

heb nu het volgende html code:
HTML: 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body><br />

<img src="../IMG/fanpage.png" width="324" height="480" />
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Photoshop&amp;width=324&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=true&amp;height=270" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:324px; height:270px;" allowTransparency="true"></iframe>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="980" height="750">
  <param name="movie" value="flash/main_v8.swf" />
  <param name="quality" value="high" />
  <param name="menu" value="false" />
  <!--[if !IE]> <-->
  <object data="flash/main_v8.swf"
                    width="980" height="750" type="application/x-shockwave-flash">
    <param name="quality" value="high" />
    <param name="menu" value="false" />
    <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
    FAIL (the browser should render some flash content, not this).
  </object>
  <!--> <![endif]-->
</object>
</div>
</td>
</body>
</html>

het moet dus zo komen :
1fcqad.jpg



Alvast bedankt,
Omed
 
Laatst bewerkt:
je moet echt met Div's gaan werken.
http://www.w3schools.com/tags/tag_div.asp hier wat uitleg.
gebruik div's in combinatie met CSS.

noem een div bijvoorbeeld
Code: 
<div id="container">
</div>
en in je css zet je dan de eigenschappen voor de div bijvoorbeeld
Code: 
#conainer{
    height:600px;
    width:500px;
    position:relative;
}
 
Thanks royb3 voor je reactie :)
Ik weet nog niet veel over CSS code en heb wat Div's toegevoegd samen met Css,
het is me nu gelukt om de fanpage.png op de facebook like box te krijgen maar die flash object komt maar niet aan de rechter kant.
ze zitten nu alle drie op elkaar.

heb de volgende codes gebruikt
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body><center><div id="facebookimg">
<img src="fanpage.png">
</div>
<div id="facebookframe">
<iframe src="http://www.facebook.com/plugins/likebox.php?id=104393812969734&amp;width=324&amp;colorscheme=light&amp;show_faces=true&amp;connections=10&amp;stream=false&amp;header=no&amp;height=270" style="border:none; overflow:hidden; width:324px; height:270px;" allowtransparency="true" scrolling="no" frameborder="0"></iframe></div>
<div id="object">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="980" height="750">
    <param name="movie" value="flash/main_v8.swf" />
    <param name="quality" value="high" />
    <param name="menu" value="false" />
    <!--[if !IE]> <-->
    <object data="flash/main_v8.swf"
                    width="980" height="750" type="application/x-shockwave-flash">
      <param name="quality" value="high" />
      <param name="menu" value="false" />
      <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
      FAIL (the browser should render some flash content, not this).
    </object>
    <!--> <![endif]-->
  </object>
</div>
</body>

</html>


En voor CSS:

HTML: 
/* CSS Document */

body{background:#000000; text-align:center; margin:0; padding:0;}
#facebookimg{
    height:480px;
    width:324px;
    position:relative;
}
#facebookframe{
    height:270px;
    width:324px;
    position:relative;
}
#object{
    height:750px;
    width:980px;
    position:relative;
}


Zou je me aub kunnen vertellen wat ik nu verkeerd doe?
thanks,
Omed
 
Laatst bewerkt:
laten weet iets anders doen:

html
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
 
</head>
 
<body>
<div id="container">
<div id="afbeelding">
<img src="http://www.hfphotography.nl/fanpage.png">
</div>
<div id="facebook">
<iframe src="http://www.facebook.com/plugins/likebox.php?id=104393812969734&amp;width=324&amp;colorscheme=light&amp;show_faces=true&amp;connections=10&amp;stream=false&amp;header=no&amp;height=270" style="border:none; overflow:hidden; width:324px; height:270px;" allowtransparency="true" scrolling="no" frameborder="0"></iframe>
</div>
<div id="object">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="980" height="750">
    <param name="movie" value="flash/main_v8.swf" />
    <param name="quality" value="high" />
    <param name="menu" value="false" />
    <!--[if !IE]> <-->
    <object data="flash/main_v8.swf"
                    width="980" height="750" type="application/x-shockwave-flash">
      <param name="quality" value="high" />
      <param name="menu" value="false" />
      <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
      FAIL (the browser should render some flash content, not this).
    </object>
    <!--> <![endif]-->
  </object>
</div>
</div>
</body>
 
</html>

en hier de css
Code: 
@charset "utf-8";
/* CSS Document */
 *{
      pading:0px;
      margin:0px;
}
body{
text-aling:center;
}
#container{
     width:800px;
     height:600px;
     position:relative; //dit frame wordt het 0 punt voor alle afstanden;
     margin:10px auto;
     text-align:left;
}
#afbeelding{
    height:400px;
    width:324px;
    position:absolute;
    top:0px;
    left:0px;
}
#facebook{
    height:200px;
    width:324px;
    position:absolute;
    bottom:0px;
    left:0px;
}
#object{
    height:600px;
    width:476px;
    position:absolute;
    top:0px;
    right:0px;
}
 
ik weet niet hoe ik je moet bedanken! thank you so much!
ik moest de positie nog wel een beetje aanpassen maar hij staat nu helemaal goed.
nogmaals bedankt voor je hulp!:)
 
graag gedaan :p
ook maar van een natuurkundeleraar gehoord die een beetje opweeg hielp met het maken van een site voor maatschappelijke stage :p
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan