Hvorfor flugter denne 'input' og 'span' ikke?

hvad menere du med at flugte

At de skal ligge på lige linje.

Disse flugter ikke
(1) --------------- (2) _______________

Disse flugter
(1) --------------- (2) ---------------

hvis du mener at de skal justeres til venste, manler du en align, i til table, til left.

Jeg mener at ikke ligger på lige linie vandret. Altså ikke verticalt. Hvis du prøver vise ovenstående i en browser, vil du se at "kg" feltet ligge højere end inputboksen.

... hov, jo det er jo vertikalt. Men altså som sagt, så ligger span'en højere end inputboksen, og jeg vil gerne have at de ligger på lige linie.

Point nu hævet til 200.

du kan ikke bruge span i det sammenhæng, hvis du laver det om uden span, virker teksten større og det flugter.

den her skulle virke

<table>

  <tr>

      <td style='height: 50px; vertical-align: middle; border: solid;'>

        <div style='white-space: nowrap;'>


        <table><td>
        <input style='height: 15px; font-size: 9px; border: solid; border-width: 1px; width: 45px;' value='' type='text'></TD>
       
         
    <td>    <span style='height: 15px; font-size: 9px; border: solid; border-width: 1px;'>&nbsp; kg &nbsp;></TD>

       
    </div>



      </td>

  </tr>

</table>

Ja, ok... kan selvfølgelig dele den op i endnu en tabel. Forstår dog stadig ikke hvorfor min 'span' ligger rykker sig de enkelte pixels ned, når de står i samme tabel.

Indtil videre bruger jeg "næsten" din løsning. "Næsten" fordi du har glemt at omringe dine 'td' med 'tr'. ;o) Og også har glemt at lukke tabellen (</table>). Derudover gør brug af endnu en tabel, også min 'nowrap'-style unødvendig.

Resultatet bliver altså:

------------------------------------------------

<table>

  <tr>

    <td style='height: 50px; vertical-align: middle; border: solid;'>

        <table><tr>
          <td><input style='height: 15px; font-size: 9px; border: solid; border-width: 1px; width: 45px;' value='' type='text'></td>
          <td><span style='height: 15px; font-size: 9px; border: solid; border-width: 1px;'>&nbsp; kg &nbsp;</td>
    </tr></table>

    </td>

  </tr>

</table>

------------------------------------------------

Det er dog også "sjovt", at der er forskel på om der er linieskift mellem efter inputboksen og min 'td', eller om jeg undlader den.

Ændres følgende:

[...] width: 45px;' value='' type='text'></td> [...]

til:

[...] width: 45px;' value='' type='text'>
</td> [...]

Giver det samme effekt som hvis den ekstra tabel undlades. :o/

det er jo ikke fordi jeg ikke er klar over der, men ja tak, glædede mig faktisk over nogle point.