form Problem



  • Hi !

    eigentlich scheint dieses Problem banal zu sein... Ich habe folgenden Code:

    <table class="map_frame">
    <tr valign="top">
    <td align="right">
    etwas
    </td>
    <td align="center">
    <form>
    <input type="image" src="datei.gif" name="map">
    </form>
    </td>
    <td align="left">
    etwas
    </td>
    </tr>
    <!-- usw. -->
    </table>

    Wieso ändert sich die Zeilenhöhe, wenn sich da auf einmal eine form befindet ? Kann ich das irgendwie ausschalten, oder muss ich wiederum mit <div>s herumbasteln ?

    Danke kati


  • Mod

    was stellt das da?

    eine form IN einer zelle??

    und vorallem, eine leere form???



  • Hi Shade,

    ich habe den originalcode geändert.... sorry, es war viel zu komplex, wollte nicht, dass sich da jemand über viel Code beklagt. ... Es ist eine digitale Landkarte. Die Karte besteht aus 3 Zeile und 3 Spalten. Genau in der Mitte, also 2. Zeile - 2. Zelle befindet sich die Landkarte, in den restlichen Zellen sind die Pfeile zur Steuerung (man bewegt sich nordlich, südlich, etc.)
    So schauts aus:

    <div class="map">
    <table class="map_frame">
    <tr valign="top">
       <td align="right">
          <?php
          echo '<a href="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five&direction=upleft";
          echo '">';
          ?>
          <img src="Bilder/b_up_left.bmp" border="0">
          <?php echo "</a>"; ?>
       </td>
       <td align="center">
          <?php
          echo '<a href="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five&direction=up";
          echo '">';
          ?>
          <img src="Bilder/b_up.bmp" border="0">
          <?php echo "</a>"; ?>
       </td>
       <td align="left">
          <?php
          echo '<a href="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five&direction=upright";
          echo '">';
          ?>
          <img src="Bilder/b_up_right.bmp" border="0">
          <?php echo "</a>"; ?>
       </td>
    </tr>
    
    <tr valign="middle">
       <td align="left">
          <?php
          echo '<a href="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five&direction=left";
          echo '">';
          ?>
          <img src="Bilder/b_left.bmp" border="0">
          <?php echo "</a>"; ?>
       </td>
       <td>
          <?php
          echo '<form action="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five";
          echo '" method="POST" height="">';
          ?>
          <input class="map" type="image" src="<?php echo $map_path . $image_url; ?>" name="map">
          </form>
       </td>
       <td align="right">
          <?php
          echo '<a href="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five&direction=right";
          echo '">';
          ?>
          <img src="Bilder/b_right.bmp" border="0">
          <?php echo "</a>"; ?>
       </td>
    </tr>
    
    <tr valign="bottom">
       <td align="left">
          <?php
          echo '<a href="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five&direction=downleft";
          echo '">';
          ?>
          <img src="Bilder/b_down_left.bmp" border="0">
          <?php echo "</a>"; ?>
       </td>
       <td align="center">
          <?php
          echo '<a href="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five&direction=down";
          echo '">';
          ?>
          <img src="Bilder/b_down.bmp" border="0">
          <?php echo "</a>"; ?>
       </td>
       <td align="right">
          <?php
          echo '<a href="';
          echo $_SERVER["PHP_SELF"] . "&content=step_five&direction=downright";
          echo '">';
          ?>
          <img src="Bilder/b_down_right.bmp" border="0">
          <?php echo "</a>"; ?>
       </td>
    </tr>
    </table>
    </div>
    


  • sorry, noch was... mozilla macht es richtig, da wird die Höhe der 2. Zeile nicht geändert. Nur IE spinnt.



  • das Problem hatte ich auch vor kurzem! Der form-Tag verhält sich da manchmal ein bisschen eigenartig!
    Du könntest den form-Tag z.B. ganz um die Tabelle rum setzen! (Empfehlunfg von SelfHTML)
    beim IE klappt's auch, wenn du es um den tr-tag rummachst - aber eben nicht beim Netscape -> nimm er die erste Variante!
    Das mit den div könnte allerdings auch funktionieren (hab ich noch nicht ausprobiert)!



  • Der IE und auch Netscape machten vo ein form-tag immer ein <br>!
    Ich hab nämlich mal ausprobiert ein <br> davorzusetzen und für dieses per css schriftgröße 1 eingestellt -> es war nur noch eine ein Pixel dicke Linie da!
    Hab ich aber irgendwas anderes davorgesetzt hat er immer so einen breiten Balken reingemacht!



  • hi flenders,

    Form um die Tabelle zu definieren, ist glaub i die gescheideste Lösung.

    Gruss kati



  • @flenders

    weißt du was komisch ist ... in der letzen Zeile (nach der Zeile, in der sich input befindet) verbleiben auch noch so ca. 3-5px, sodass es aussieht, als ob die Graphiken nicht vertikal ausgerichtet wären (<tr valign="bottom"> ). Und das auch wenn es da gar keine Form gibt. ... Und in der Zelle mit dem <input>-Tag passiert das Gleiche.

    LG kati



  • Kann man sich die Seite irgendwie online anschauen, dann ist es vielleicht leichter!



  • @flenders

    ist bald online unter:
    http://80.110.106.53/finder/index.php

    unter Step-By-Step Suche kannst du dann auch z.B. "Ka" eintippen, dann werden alles Strassen, die mit Ka beginnen gefunden... Hausnummer oder Bezirk musst du nicht eintippen. Dann schau auf die Karte. Kannst mir ne e-mail an katarina.kobesova@chello.at schreiben ... das lese ich gleich. Das Prog ist noch nicht fertig, also Fehlermeldungen sind möglich.

    thnx
    Cu kati


Anmelden zum Antworten