Diaschau: Wie bekomm’ ich die Bilder mittig?

  • also wenn du des teil meinst wo so links oben is....
    sehe du hast da ne table außen rum.... des is schonmal gut,
    da kannst dann mit align="center" und valign="middle" arbeiten.

    anschließend die höhe und breite auf 100% setzen...


    alternativ kannst auch alles in nem div positionieren und dann ausrichten...

  • Hatt’ ich auch erst gedacht, aber da steht schon <tr><td align="center" etc. unmittelbar vor den Bildern. Muß man vielleicht noch irgendwo anders was eingeben? Hier die ganze html-Seite:


    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Diashow</title>


    <script type="text/javascript" language="JavaScript">
    <!--
    // Original: Ricocheting (ricocheting@hotmail.com)
    // mod: W. Jansen
    var rotate_delay = 5000; // Verzögerung in Millisekunden (5000 = 5 s)
    current = 0;
    function next() {
    if (document.slideform.slide[current+1]) {
    document.images.show.src = document.slideform.slide[current+1].value;
    document.slideform.slide.selectedIndex = ++current;
    }
    else first();
    }
    function previous() {
    if (current-1 >= 0) {
    document.images.show.src = document.slideform.slide[current-1].value;
    document.slideform.slide.selectedIndex = --current;
    }
    else last();
    }
    function first() {
    current = 0;
    document.images.show.src = document.slideform.slide[0].value;
    document.slideform.slide.selectedIndex = 0;
    }
    function last() {
    current = document.slideform.slide.length-1;
    document.images.show.src = document.slideform.slide[current].value;
    document.slideform.slide.selectedIndex = current;
    }
    function ap(text) {
    document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
    rotate();
    }
    function change() {
    current = document.slideform.slide.selectedIndex;
    document.images.show.src = document.slideform.slide[current].value;
    }
    function rotate() {
    if (document.slideform.slidebutton.value == "Stop") {
    current = (current == document.slideform.slide.length-1) ? 0 : current+1;
    document.images.show.src = document.slideform.slide[current].value;
    document.slideform.slide.selectedIndex = current;
    window.setTimeout("rotate()", rotate_delay);
    }
    }
    //-->
    </script>
    </head>


    <body>
    <form name="slideform">
    <body style="color: rgb(255, 255, 255); background-color: rgb(0, 0, 153);">
    <table border="0" width="200" cellspacing="1" cellpadding="5" bgcolor="#000000">
    <tr><td align="center"color="#C0C0C0" bgcolor="#0000CC">
    Rhymes with Numbers that Multiply or Reading as Easy as Pie

    </td>
    </tr>

    <tr><td align=center bgcolor="white" width="200" height="150">

    </td></tr>
    <tr><td align="center" bgcolor="#C0C0C0">
    <select name="slide" onChange="change();">


    <option value="1.0.title-picture.jpg" selected="selected">Bild 01</option>
    <option value="1.0.title-picture.jpg">Bild 01</option>
    <option value="1.2.table-of-one.jpg">Bild 02</option>
    <option value="1.4.snow-melts.jpg">Bild 03</option>
    <option value="1.6.easter.jpg">Bild 04</option>
    <option value="1.8.songbirds.jpg">Bild 05</option>
    <option value="2.0.just-like.jpg">Bild 06</option>
    <option value="2.2.in-summer.jpg">Bild 07</option>
    <option value="2.4.a-treat.jpg">Bild 08</option>
    <option value="2.6.these-apples.jpg">Bild 09</option>
    <option value="2.8.it-s-scary.jpg">Bild 10</option>
    <option value="3.2.this-guy.jpg">Bild 11</option>
    <option value="3.4.yuletide.jpg">Bild 12</option>
    </select>

    </td>

    </tr>

    <tr>

    <td align="center" bgcolor="#afafaf"><input onclick="first();" value="|&lt;&lt;" title="Beginning" type="button">
    <input onclick="previous();" value="&lt;&lt;" title="Previous" type="button">
    <input name="slidebutton" onclick="ap(this.value);" value="Start" title="AutoPlay" type="button"><input onclick="next();" value="&gt;&gt;" title="Next" type="button"><input onclick="last();" value="&gt;&gt;|" title="End" type="button">
    </td>

    </tr>

    </tbody>
    </table>

    </form>

    </body>
    </html>


    Wer kann mir da was Schlaues geben und mir sagen, wohin damit?

    Gruß,

    Beni