Bild einfügen - macht Script kaputt?!

crix

Mitglied
Hallo liebe tutorials.de-Community..

ich habe mal eine Frage, denn ich selbst bekomme es nicht hin ohne das Script zu zerstören..

Ich habe eine html-Seite in dem immer in der Mitte ein Flashvideo auftaucht.. jetzt möchte ich direkt unter das Video, nur rechtsbündig, ein Bild mit den Maßen 275x200 haben.. (wie bei diesem Screenshot)

http://www.tutorials.de/forum/attachment.php?attachmentid=43330&stc=1&d=1225371443

Habe hier mal den Codeschnipsel.. hoffe ihr könnt mir helfen.. und ich mache hier nichts regelwidriges (gaaanz wichtig!!)

HTML:
<html>
<head>
<title>Titel</title>
<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
body {
	background-color: #000000;
	background-image: url(bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
-->
</style>
<head>
</head>
<body>
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="100%" height="100%" align="center" valign="middle"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="588" height="250">
        <param name="movie" value="video.swf">
        <param name="quality" value="high"><param name="BGCOLOR" value="#000000">
        <embed src="video.swf" width="588" height="250" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
      </object>
</td>
  </tr>
</table>
</body>
</html>

Wenn ich dort jetzt das Bild einfüge, ist das Flashvideo nicht mehr in der Mitte.. :confused:

grüße
crix


edit: Falls ich hier falsch bin, bitte verschieben :) dachte nur weil ich es mit Dreamweaver gemacht habe..
 

Anhänge

  • sosollssein.jpg
    sosollssein.jpg
    11,1 KB · Aufrufe: 60
Zuletzt bearbeitet:
M

Maik

Wenn ich dort jetzt das Bild einfüge, ist das Flashvideo nicht mehr in der Mitte.. :confused:
Hi,

das Verhalten ist völlig normal, da ja der komplette Inhalt der Tabellenzelle vertikal zentriert wird, und wenn nun nach der Flash-Anwendung ein weiteres Element (in deinem Fall das Grafikelement) eingefügt wird, wandert das Flashvideo dementsprechend nach oben, da nun beide Elemente gemeinsam vertikal zentriert werden.

mfg Maik
 

crix

Mitglied
Hi,

das Verhalten ist völlig normal, da ja der komplette Inhalt der Tabellenzelle vertikal zentriert wird, und wenn nun nach der Flash-Anwendung ein weiteres Element (in deinem Fall das Grafikelement) eingefügt wird, wandert das Flashvideo dementsprechend nach oben, da nun beide Elemente gemeinsam vertikal zentriert werden.

mfg Maik

Hey,

lässt sich da nicht irgendetwas machen?

gruß
crix
 
M

Maik

Mit der bestehenden Tabellenkonstruktion nicht, dafür aber mit diesem Modell:

Code:
<html>
<head>
<title>Titel</title>
<style type="text/css">
<!--
body {
background:#000 url(bg.png) no-repeat center top;
}
div#flash {
width:588px;
height:250px;
position:absolute;
left:50%;
top:50%;
margin-left:-294px;
margin-top:-125px;
}
div#image {
width:275px;
height:200px;
position:absolute;
right:0;
top:50%;
margin-top:125px;
}
-->
</style>

</head>
<body>

<div id="flash">
     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="588" height="250">
             <param name="movie" value="video.swf">
             <param name="quality" value="high">
             <param name="BGCOLOR" value="#000000">
             <embed src="video.swf" width="588" height="250" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
     </object>
</div>
<div id="image">
     <img src="..." width="275" height="200" alt="">
</div>

</body>
</html>

mfg Maik
 

crix

Mitglied
Mit der bestehenden Tabellenkonstruktion nicht, dafür aber mit diesem Modell:

Code:
<html>
<head>
<title>Titel</title>
<style type="text/css">
<!--
body {
background:#000 url(bg.png) no-repeat center top;
}
div#flash {
width:588px;
height:250px;
position:absolute;
left:50%;
top:50%;
margin-left:-294px;
margin-top:-125px;
}
div#image {
width:275px;
height:200px;
position:absolute;
right:0;
top:50%;
margin-top:125px;
}
-->
</style>

</head>
<body>

<div id="flash">
     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="588" height="250">
             <param name="movie" value="video.swf">
             <param name="quality" value="high">
             <param name="BGCOLOR" value="#000000">
             <embed src="video.swf" width="588" height="250" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000"></embed>
     </object>
</div>
<div id="image">
     <img src="..." width="275" height="200" alt="">
</div>

</body>
</html>

mfg Maik

Einwandfrei!! Ich danke dir!! Hat sich dann somit erledigt :) Danke Maik!!