Ændret opstilling, når tabel sættes ind i <form></form>

Har du et link???

Hej Nikolaidu!

Nej, det er lokalt på min egen pc.

Prøv selv at lave nogle sider med ens tabeller på samtlige sider. Prøv derefter at lave en formular og indsæt en tabel magen til de andre inde i formularen. Så vil du se forskellen, når du skifter fra de \"normale\" sider til formular-siden.

Send nogle koder.

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"745\">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td width=\"130\"></td>
        <td>
            <table border=\"0\" cellpadding=\"5\" cellspacing=\"0\" width=\"100%\">
                <tr>
                    <td width=\"100%\">
                        <h1>Overskrift</h1>
                        <p>Læg mærke til, hvor teksten står placeret i denne tabel og swap over til den anden side,
                        hvor formularen er.</td>
                </tr>
            </table>
        </td>
        <td width=\"180\"></td>
    </tr>
    <tr>
        <td width=\"130\"></td>
        <td></td>
        <td width=\"180\"></td>
    </tr>
</table>

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"745\">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td width=\"130\"></td>
        <td>
            <table border=\"0\" cellpadding=\"5\" cellspacing=\"0\" width=\"100%\">
                <tr>
                    <td width=\"100%\">
                        <h1>Overskrift</h1>
                        <form method=\"POST\" action=\"--WEBBOT-SELF--\">
                            <!--webbot bot=\"SaveResults\"
                            U-File=\"http://www.camping-nordic.com/_private/form_results.txt\" S-Format=\"TEXT/CSV\"
                            S-Label-Fields=\"TRUE\" -->
                            <table border=\"0\" cellpadding=\"5\" cellspacing=\"0\" width=\"100%\">
                                <tr>
                                    <td>Navn</td>
                                    <td><input type=\"text\" name=\"navn\" size=\"20\"></td>
                                </tr>
                                <tr>
                                    <td>Adresse</td>
                                    <td><input type=\"text\" name=\"adresse\" size=\"20\"></td>
                                </tr>
                                <tr>
                                    <td>Postnummer</td>
                                    <td><input type=\"text\" name=\"postnr\" size=\"20\"></td>
                                </tr>
                                <tr>
                                    <td>By</td>
                                    <td><input type=\"text\" name=\"city\" size=\"20\"></td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td><input type=\"submit\" value=\"Send\" name=\"B1\">&nbsp;&nbsp; <input type=\"reset\" value=\"Nulstil\" name=\"B2\"></td>
                                </tr>
                            </table>
                            <p>&nbsp;</p>
                        </form>
                        <p>&nbsp;</td>
                </tr>
            </table>
        </td>
        <td width=\"180\"></td>
    </tr>
    <tr>
        <td width=\"130\"></td>
        <td></td>
        <td width=\"180\"></td>
    </tr>
</table>

Når man anvender en formular, vil der blive afsat ekstra plads til selve formularen. Jeg har en masse sider, hvor den midterste kolonne er 385 px bred. Når jeg indsætter en formular, skal den midterste kolonne have en bredde på 380 px for at siden kan være identisk med de andre. Og alligevel stå selve teksten i formularen næsten helt op ad kanten, hvor teksten på den andre sider har en passende afstand fra kanten på tabellen. Det ser ikke godt ud, når man kommer ind på siden med formularen; jeg ville gerne have, at teksten har den samme afstand til kanten, uanset om du er på en formular-side eller ej. Forstår du?

en passende afstand kunne f.eks. være cellpadding=\"5\". Det virker som om, at cellpadding=\"2\", når jeg anvender en formular.

Placerer man en overskrift inde i tabellen, er denne næsten placeret helt oppe i øverste, venstre hjørne, hvor den på en \"normal\" side står pænt. Forskellen er meget tydelig, når man kommer ind på formular-siden.

Bedre illustreret:

<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"745\">
    <tr>
        <td colspan=\"3\" bgcolor=\"#008000\">&nbsp;</td>
    </tr>
    <tr>
        <td width=\"160\" bgcolor=\"#000080\">&nbsp;</td>
        <td bgcolor=\"#FFFF99\">
            <table border=\"0\" cellpadding=\"5\" cellspacing=\"0\" width=\"100%\">
                <tr>
                    <td width=\"100%\">
                        <h1>Overskrift</h1>
                        <p>Dette er normal tekst. Her står en masse, bl.a. står her: sjdklhkjfh sdul fsldukyfh
                        lsdflahødfsæ dfoæsudrbgfp asbg sdvasduv uisdgf ilusdfguæguldigh dufhgul dfihguoh æuodfh</td>
                </tr>
            </table>
        </td>
        <td width=\"160\" bgcolor=\"#000080\">&nbsp;</td>
    </tr>
    <tr>
        <td colspan=\"3\" bgcolor=\"#008000\">&nbsp;</td>
    </tr>
</table>

Sorry, Nicolajdu! Bare glem det! Jeg har sovet ... igen! Kan du ikke svare, så du kan få point?

Neeej, der er alligevel noget her:

Hvorfor er der så stort et mellemrum under \"Søg\"-knappen? Hvorfor laver den det? Og hvordan fjerner jeg det?

                                                <form method=\"POST\" action=\"inc_soeg.asp\">
                                                    <table border=\"0\" cellpadding=\"4\" cellspacing=\"0\" width=\"100%\">
                                                        <tr>
                                                            <td>
                                                                </td>
                                                            <td>
                                                                <select size=\"1\" name=\"omraade_sog\" style=\"background-color: #ffff99;\" id=\"input\">
                                                                    <option value=\"alle_omraader\" selected>Alle&nbsp; områder</option>
                                                                    <option value=\"artikler\">Artikler</option>
                                                                    <option value=\"debatten\">Debatten</option>
                                                                    <option value=\"kob_salg\">Køb & salg</option>
                                                                    <option value=\"under_uret\">Under uret</option>
                                                                </select></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                            </td>
                                                            <td width=\"33%\"><select size=\"1\" name=\"antal\" style=\"background-color: #ffff99;\" id=\"input\">
                                                                    <option selected>Pr. side</option>
                                                                    <option value=\"25\">25 visninger</option>
                                                                    <option value=\"50\">50 visninger</option>
                                                                    <option value=\"75\">75 visninger</option>
                                                                    <option value=\"100\">100 visninger</option>
                                                                    <option value=\"150\">150 visninger</option>
                                                                    <option value=\"200\">200 visninger</option>
                                                                </select></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                </td>
                                                            <td><input type=\"text\" name=\"soeg\" size=\"17\" id=\"input\" style=\"background-color: #ffff99;\" value=\"Søgeord\" onFocus=\"java script:soeg.value=\'\'\"></td>
                                                            <td></td>
                                                        </tr>
                                                        <tr>
                                                            <td></td>
                                                            <td>
                                                                <center><input type=\"submit\" value=\"Søg\" name=\"soeg\" id=\"input\"></center>
                                                            </td>
                                                            <td></td>
                                                        </tr>
                                                    </table>
                                                </form>

Dit problem er den submit der ikke står centreret eller hvad??

Hvilket mellemrum? Hvis det er fra formen og til det næste i dokumentet kan det klares med:
<form method=\"POST\" action=\"inc_soeg.asp\" STYLE=\"display:inline;\">

Hvis det er mellem søge-knappen og cellebunden:
<td STYLE=\"padding:0px;\">
<center><input type=\"submit\" value=\"Søg\" name=\"soeg\" id=\"input\"></center>
</td>
Det er en god ide at sætte et tvunget mellemrum i dine tomme celler:
<td>&nbsp;</td>
som supplement til nikolajdu:
<td STYLE=\"padding:0px;text-align:center;\">
<input type=\"submit\" value=\"Søg\" name=\"soeg\" id=\"input\">
</td>
er bedre end at bruge <center> - har jeg ladet mig fortælle.

nikolajdu: Nej, mit problem er, at mellemrummet mellem submit-knappen og den nederste kant på \"papiret\" er større end mellem overskriften og den øverste kant af \"papiret\" øverst i formularen. Teksten er placeret fint i forhold til den øverste kant, men der er en linie for meget under submit-knappen, hvis man kan sige det. Mellemrummet foroven <> mellemrummet forneden. Denne formular er inkluderet i en celle, så det er meget tydeligt.

callesen: Jeg TROR du er inde på noget af det rigtige, men dine forslag virker ikke :o(

Hvilken browser?

6.0.2600.00

6.0.2600.00 = 6.0.2600.0000

Sorry! :o)

MSIE V 6.0.2600.0000

Prøv at indsætte dette i <HEAD>
<STYLE TYPE=\"text/css\">
TD {
    margin:0px;
    padding:4px;
    table-layout:fixed;
    border-collapse:collapse;
    margin:0px;
}
</STYLE>
og slet hvis du har nogle inline-styles i dine <TD>\'er.
Hvis du med papiret mener det uden for tabellen, så sæte dette ind i CSS\'en:
BODY {
  margin;0px;
}
Det virker her - hvis jeg forstår dig ret.

Med samme browser. Og <form method=\"POST\" action=\"inc_soeg.asp\" STYLE=\"display:inline;\">

Alt hvad du behøver gøre er at sætte dit </form> tag *uden* for cellen/tabellen!

eks:

<table>
<tr>
  <td><form><input blabla osv.></td>
</tr>
</form>
</table>

Sorry, jeg læste det som om du havde formularen *inde* i en tabel... Den har også affødt en del problemer i tidens løb...

/lerchedahl

lerchedahl: Helt i orden :o) Alle forslag er velkomne.

Fik du løst problemet her??

Hej nikolajdu! Kan du ikke give et svar?

Nej, det opfører sig underligt og bliver forrykket, når det kommer ind i en formular. Jeg må så give tabellen større cellemargin for at få det hele til at gå op i en højere enhed, for at få det til at stå nøjagtigt som på andre sider. Men det er da noget hø! :o(

Nej jeg har da vidst ikke løst noget her :((

/Nikolaj

Næ, men du har da brugt tid på det. Svar så! :o)

doh

Tak! :o)

Du forstår og kan selv se problemet? Skulle du falde over en løsning på et senere tidspunkt, er jeg meget lydhør.

Men tak for hjælpen :o)

:))

Jeg har siddet med samme problem og fandt en løsning.
<table
<form name="gb" method="po
<tr>
<td>
Og her smider du alle dine inputs
</td>
</tr>
</form>
</table>
Jeg fandt ud af hvis man flytter form linjerne indenfor table tags forsvinder en farmøse afstand i tabelen.

Jeg tror det er det du mener.

T2C

den farmøse afstand

Hej igen! Jeg troede dette emne var glemt :o)

Jeg har imidlertid fundet ud af det, og den bedste måde er (efter min mening) følgende:

<table>
  <tr>
      <form>
      <td>
        INDHOLD
      </td>
  </tr>
</table>

Dette placerer formularen hvor den skal være, og ikke halvt inde på siden :o)