snygga till form

Har följande:

	 
<td style="height:50px;width:220px">
  <form action="bla.asp" method="post" name="searchfield" id="searchfield">
    <input name="textfield" type="text" size="17">
    <a href="#" onclick="document.searchfield.submit()"><img src="aaa_media/default/search_ou.gif" border="0"></a>
  </form>
</td>

problemet är att det är så inni h-e svårt att "alajna" formulärobjekten snyggt. vill ha så att allt ligger i mitten vertikalt och vertical-align funkar inte att sätta i td. vad är smartast att göra?

/E

har du provat att låta stilmallen sköta detta istället för direkt i koden?

i din td style kan du istället lägga en td class="style" med dina värden.

jepp .. samma shit än-dock ...

har du den uppe på nätet så man kan kika?

tyvärr inte ...

Pröva att sätta style="display: inline;" på formen.

går det inte att vertical-aligna ett formulär?

Pröva att sätta style="display: inline;" på formen...

Det gjorde faktiskt lite skillnad på möget. Nu tror jag att jag ska kunna arbeta mig runt. Vad betyder det? Som det ser ut så slipper man padding och sånt på formuläret ....

<form action="bla.asp" method="post" name="searchfield" id="searchfield" style="display: inline">
<table border="0" cellpadding="0" cellspacing="0" style="width:220px;height:50px">
<tr>
  <td style="vertical-align:middle;width:130px">
   <input name="textfield" type="text" size="17">
  </td>
  <td style="vertical-align:middle">
   <a href="#" onclick="document.searchfield.submit()"><img src="aaa_media/default/search_ou.gif" width="50" height="21" border="0"></a>
 </td>
</tr>
</table>

så här funkar det hyfsat. i NS är textfielden och knappen centrerad vertikalt (samma mittpunkt i höjdled).

däremot i MSIE så ligger det lite fel.

kolla bifogad fil ...!

dessutom ....

style="display:inline"

verkar inte vara meningen att det ska funkar i alla webbläsare .. hur säkert är det?

är det ngn som vet om "display:inline" är OK att använda?

Det är ok att använda - beror lite på vad man ska använda det på för objekt.

hurså? det är ett formulär som ligger i en tabellcell.
i formuläret ligger en tabell.

[red]
<form action="bla.asp" method="post" name="searchfield" id="searchfield" style="display: inline">
<table border="0" cellpadding="0" cellspacing="0" style="width:220px;height:50px">
<tr>
  <td style="vertical-align:middle;width:130px">
   <input name="textfield" type="text" size="17">
  </td>
  <td>
   <input type="image" src="aaa_media/default/search_ou.gif" style="vertical-align: middle;" />
 </td>
</tr>
</table>
[/red]

Funkar det?

mv icaaq

ska kolla!

återigen. display-inline ... funkar det att använda på det sätt som icaag beskriver i samtliga webläsare?

Emil RT skrev:

återigen. display-inline ... funkar det att använda på det sätt som icaag beskriver i samtliga webläsare?

Nej, men i alla moderna och i IE6 t ex (och ie5 och så)

/ m a r t i n

struntade i inline och satte:

form style="padding:0 0 0 0;margin:0 0 0 0"

blev bättre!