webForumDet fria alternativet

snygga till form

HTML & CSSur HTML, XHTML & CSS

16 svar · 498 visningar · startad av Emil RT

Medlem sedan feb. 2004200 inlägg
Frågan#1

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

Medlem sedan okt. 2004636 inlägg
#2

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.

Medlem sedan feb. 2004200 inlägg
#3

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

Medlem sedan okt. 2004636 inlägg
#4

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

Medlem sedan feb. 2004200 inlägg
#5

tyvärr inte ...

Medlem sedan aug. 20039 342 inlägg
#6

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

Medlem sedan feb. 2004200 inlägg
#7

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

Medlem sedan feb. 2004200 inlägg
#8

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 ....

Medlem sedan feb. 2004200 inlägg
#9
<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 ...!

fotmular.gif
Medlem sedan feb. 2004200 inlägg
#10

dessutom ....

style="display:inline"

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

Medlem sedan feb. 2004200 inlägg
#11

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

Medlem sedan apr. 2000313 inlägg
#12

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

Medlem sedan feb. 2004200 inlägg
#13

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

Medlem sedan okt. 20005 273 inlägg
#14
[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

Medlem sedan feb. 2004200 inlägg
#15

ska kolla!

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

Medlem sedan apr. 2000313 inlägg
#16

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

Medlem sedan feb. 2004200 inlägg
#17

struntade i inline och satte:

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

blev bättre!

144 ms totalt · 3 externa anrop · v20260731065814-full.55e59744
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
141 ms — hämta tråd, inlägg och bilagor (db)