tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
4
ZUGRIFFE
599
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    crix crix ist offline Mitglied Silber
    Registriert seit
    Aug 2005
    Beiträge
    89
    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/attach...1&d=1225371443

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

    HTML-Code:
    <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..

    grüße
    crix


    edit: Falls ich hier falsch bin, bitte verschieben dachte nur weil ich es mit Dreamweaver gemacht habe..
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Bild einfügen - macht Script kaputt?!-sosollssein.jpg  
    Geändert von crix (30.10.08 um 14:17 Uhr)
     

  2. #2
    Maik Tutorials.de Gastzugang
    Zitat Zitat von crix Beitrag anzeigen
    Wenn ich dort jetzt das Bild einfüge, ist das Flashvideo nicht mehr in der Mitte..
    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
     

  3. #3
    crix crix ist offline Mitglied Silber
    Registriert seit
    Aug 2005
    Beiträge
    89
    Zitat Zitat von Maik Beitrag anzeigen
    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
     

  4. #4
    Maik Tutorials.de Gastzugang
    Mit der bestehenden Tabellenkonstruktion nicht, dafür aber mit diesem Modell:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    
    <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
     

  5. #5
    crix crix ist offline Mitglied Silber
    Registriert seit
    Aug 2005
    Beiträge
    89
    Zitat Zitat von Maik Beitrag anzeigen
    Mit der bestehenden Tabellenkonstruktion nicht, dafür aber mit diesem Modell:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    
    <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!!
     

Ähnliche Themen

  1. Mesh Smooth macht Auge Kaputt!
    Von k1k0 im Forum 3D Studio Max
    Antworten: 7
    Letzter Beitrag: 18.02.05, 17:15
  2. Animationregler macht alles kaputt
    Von Schnibbel im Forum Cinema 4D
    Antworten: 6
    Letzter Beitrag: 21.10.04, 14:52
  3. Forward macht mir meinen request kaputt
    Von Franz Degenhardt im Forum Enterprise Java (JEE, J2EE, Spring & Co.)
    Antworten: 1
    Letzter Beitrag: 06.07.04, 11:48
  4. include macht alles kaputt
    Von z0oL im Forum PHP
    Antworten: 3
    Letzter Beitrag: 21.11.03, 11:02
  5. CSS macht meine Seite kaputt ....
    Von Vaio im Forum CSS
    Antworten: 7
    Letzter Beitrag: 11.08.03, 00:50