Problem mit einem Div

BMGlive · 8 Januar 2010

Hallo Leute,

ich habe folgenden Code und möchte ihn in die Homepage einbetten.

HTML:

<head>
    <link type="text/css" href="http://bmglive.alfahosting.org/jquery/development-bundle/themes/base/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="http://bmglive.alfahosting.org/jquery/development-bundle/jquery-1.3.2.js"></script>
    <script type="text/javascript" src="http://bmglive.alfahosting.org/jquery/development-bundle/ui/ui.core.js"></script>
    <script type="text/javascript" src="http://bmglive.alfahosting.org/jquery/development-bundle/ui/ui.accordion.js"></script>

    <script type="text/javascript">
    $(function() {
        $("#accordion").accordion();
    });
    </script>
</head>
<body>

<div class="demo">

<div id="accordion">
    <h3><a href="#">Neuestes Video</a></h3>
    <div>
      <p>
        <object type="application/x-shockwave-flash" data="http://de.sevenload.com/pl/1k5F6zP/610x350/swf" width="610" height="350">
          <param name="allowFullscreen" value="true" />
          <param name="wmode" value="transparent" />
          <param name="allowScriptAccess" value="always" />
          <param name="movie" value="http://de.sevenload.com/pl/1k5F6zP/610x350/swf" />
          </object>
      </p>
    </div>
    <h3><a href="#">Kurzfilme</a></h3>
    <div>
        <object type="application/x-shockwave-flash" data="http://de.sevenload.com/pl/1k5F6zP/610x350/swf" width="610" height="350">
        <param name="allowFullscreen" value="true" />
        <param name="wmode" value="transparent" />
        <param name="allowScriptAccess" value="always" />
        <param name="movie" value="http://de.sevenload.com/pl/1k5F6zP/610x350/swf" />
    </object>
    </div>
    <h3><a href="#">Lypsync</a></h3>
    <div>
        <object type="application/x-shockwave-flash" data="http://de.sevenload.com/pl/1k5F6zP/610x350/swf" width="610" height="350">
        <param name="allowFullscreen" value="true" />
        <param name="wmode" value="transparent" />
        <param name="allowScriptAccess" value="always" />
        <param name="movie" value="http://de.sevenload.com/pl/1k5F6zP/610x350/swf" />
    </object>
    </div>
    <h3><a href="#">Verschiedenes</a></h3>
    <div>
        <object type="application/x-shockwave-flash" data="http://de.sevenload.com/pl/1k5F6zP/610x350/swf" width="610" height="350">
        <param name="allowFullscreen" value="true" />
        <param name="wmode" value="transparent" />
        <param name="allowScriptAccess" value="always" />
        <param name="movie" value="http://de.sevenload.com/pl/1k5F6zP/610x350/swf" />
    </object>
    </div>
</div>

</div>

Mein Problem ist jetzt, dass automatisch der Scrollbalken erscheint und das Video abgeschnitten ist. Ich möchte das sich das Div dem Video anpasst bzw. ich dem Div eine Größe geben kann. Wie stelle ich das an? Bei Bildern funktionierts oder bei einem Text.

LG

Baris

Imbericle · 9 Januar 2010

Zauberwort CSS.
CSS 4 You - The Finest in Stylesheets
xhtml css tutorial - Google Search

Du gibts dem entsprechendem Div einfach entweder eine ID / Klasse und setzt im CSS dann die eigenschaften.

Oder du machst es als HTML Attribut mit CSS Angaben, was aber eher die ungeschickte Art ist, da der Wartungsaufwand an der Seite beträchtlich steigt, wenn das CSS im Code verteilt ist.

als attribut einfach in das Tag des Divs einfügen:

HTML:

<div style="width:auto;height:auto;">Video</div>

MfG

Problem mit einem Div

BMGlive

Neues Mitglied

Imbericle

Blogger

Neueste Beiträge