Mærkelige mellemrum ved <form>

En form er et block-level-element, dvs. at det kræver at hele bredden i det omkransende element bruges, derfor er der så ikke plads til andet ved siden af ...

-- en måde at gøre det andeledes på er at give det en inline style, f.eks.

<form ... style="display:inline;">

Du skal sætte margin på :) Gør sådan her:

<form action="dinside.html" method="post" style="margin:0px; padding:0px;">
...
</form>

Uh ha - roenving så var du hurtigere end mig ;-)

Tjah, jeg havde så også forklaringen med, men det kan godt være, at spørgeren kan bruge din metode !-)

Ja - du gjorde søreme også mig klogere. Vidste ikke man kunne gøre det på din metode.

Umiddelbart virker ingen af dem lige netop det jeg bruger dem i..

http://www.all-games.dk/SIDE/?s=produkt&id=4

?:o

Du afslutter jo også din form for tideligt. Ihvertfald skal den først afsluttes nedenfor, som du også har gjort - men ikke lige efter dine inputs.

Som jeg kan se det skal din kode se sådan her ud:

  <tr>
    <td align="center" class="bprodukter" width="25%">
    <form method="post" action="" style="margin:0px; padding:0px;">
    <input type="hidden" name="koeb" value="4">
    <input type="text" name="koeb_antal" value="1" size="3" style="text-align: center;" />
    <input type="submit" value="køb" style="height: 16px;" />
    </td>


    <td align="left" class="bprodukter" bgcolor="#D0D0D0"><h1 style="margin-top: 20px;" align="center">CW server - 10 slots</h1></td>
  </tr>
  <tr>
    <td align="left" class="bprodukter" bgcolor="#D0D0D0"><p class="tdprodukter"><b>Leveringsstatus</b></p></td>
    <td align="left" class="bprodukter"><p class="tdprodukter"><img src="billeder/lager1.jpg" border="0" alt="På lager"> 1-2 dage</p></td>
  </tr>
  <tr>
    <td align="left" class="bprodukter" bgcolor="#D0D0D0"><p class="tdprodukter"><b>Rating</b></p></td>
    <td align="left" class="bprodukter"><p class="tdprodukter">
    <img src="billeder/white-star.jpg" border="0" /><img src="billeder/white-star.jpg" border="0" /><img src="billeder/white-star.jpg" border="0" /><img src="billeder/white-star.jpg" border="0" /><img src="billeder/white-star.jpg" border="0" /> Antal stemmer: 0     <form method="post" action="">
      <select name="rate">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
      <input type="hidden" name="rate_produkt" value="4">
      <input type="submit" value="Rate!">
    </form>
    </p></td>
  </tr>

Du kan som jeg har gjort i eksemplet nedenfor også sætte formen uden for dine table rows, det vil virke med 100% sikkerhed.

<form method="post" action="" style="margin:0px; padding:0px;">

<tr>
  <td align="center" class="bprodukter" width="25%">
    <input type="hidden" name="koeb" value="4">
    <input type="text" name="koeb_antal" value="1" size="3" style="text-align: center;" />
    <input type="submit" value="køb" style="height: 16px;" />
  </td>

  <td align="left" class="bprodukter" bgcolor="#D0D0D0"><h1 style="margin-top: 20px;" align="center">CW server - 10 slots</h1></td>
</tr>

<tr>
  <td align="left" class="bprodukter" bgcolor="#D0D0D0"><p class="tdprodukter"><b>Leveringsstatus</b></p></td>
  <td align="left" class="bprodukter"><p class="tdprodukter"><img src="billeder/lager1.jpg" border="0" alt="På lager"> 1-2 dage</p></td>
</tr>

<tr>
  <td align="left" class="bprodukter" bgcolor="#D0D0D0"><p class="tdprodukter"><b>Rating</b></p></td>
  <td align="left" class="bprodukter"><p class="tdprodukter">
    <img src="billeder/white-star.jpg" border="0" /><img src="billeder/white-star.jpg" border="0" /><img src="billeder/white-star.jpg" border="0" /><img src="billeder/white-star.jpg" border="0" /><img src="billeder/white-star.jpg" border="0" /> Antal stemmer: 0    <form method="post" action="">
    <select name="rate">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </select>
    <input type="hidden" name="rate_produkt" value="4">
    <input type="submit" value="Rate!">

</p></td>
</tr>

</form>

-- du må ikke starte en form i et td-tag og afslutte den i et andet ...

Skal du have noget tabel-noget til at styre formen, skal den startes før tanbellen og afsluttes efter, for der findes kuntabel-elementer, der må forekomme inde i tabellen !-)

Smid et svar ..

Begge to .. Right? :)

Jep, begge to - roenving gav sgu god viden, som sædvanlig :-)

Hmm, men når jeg laver en form på den måde, så virker de faktisk ikke optimalt!

Hvad har du af problemer ?-)

Det ser da ellers ud til at fungere ganske glimrede på det site du linker til.

Tjah .. Resten hører vel ikke med til mit spørgsmål .. Smit et svar roenving.

Smid .. Har fundet ud af det, som jeg ellers havde problemer med, tak for hjælpen :)

Velbekomme '-)

<ole>

madeindk's løsning er vel den mest logiske (omend jeg tidligere har brugt roenvings model). Det er lodret margin, der driller ... at det hjælper med 'inline', skyldes blot en sideeffekt ved inline-elementer. Formen er et block-element og bør vedblive at være det - med mindre, der er rigtig gode årsager (my 2 cents)  =)

/mvh
</bole>

Er det ikke tid til at lukke? Vi har jo smidt vores svar.