---
title: "snygga till form"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/121549-snygga-till-form"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Emil RT"
published: "2005-02-02T09:19:27.000Z"
updated: "2005-02-24T08:25:46.000Z"
replies: 16
views: 517
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/121549-snygga-till-form"
---

# snygga till form

## #1 — Emil RT, 2005-02-02T09:19Z

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

Permalänk: https://www.webforum.nu/p/121549

## #2 — kaxigt, 2005-02-02T09:23Z

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.

Permalänk: https://www.webforum.nu/p/1543028

## #3 — Emil RT, 2005-02-02T09:48Z

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

Permalänk: https://www.webforum.nu/p/1543039

## #4 — kaxigt, 2005-02-02T09:58Z

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

Permalänk: https://www.webforum.nu/p/1543045

## #5 — Emil RT, 2005-02-02T12:22Z

tyvärr inte ...

Permalänk: https://www.webforum.nu/p/1543109

## #6 — nitro2k01, 2005-02-02T12:30Z

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

Permalänk: https://www.webforum.nu/p/1543111

## #7 — Emil RT, 2005-02-02T12:47Z

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

Permalänk: https://www.webforum.nu/p/1543116

## #8 — Emil RT, 2005-02-02T13:15Z

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

Permalänk: https://www.webforum.nu/p/1543124

## #9 — Emil RT, 2005-02-02T13:27Z

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

Bilagor:

- [fotmular.gif](https://www.webforum.nu/a/5470.gif)

Permalänk: https://www.webforum.nu/p/1543131

## #10 — Emil RT, 2005-02-02T13:34Z

dessutom ....

style="display:inline"

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

Permalänk: https://www.webforum.nu/p/1543136

## #11 — Emil RT, 2005-02-04T07:58Z

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

Permalänk: https://www.webforum.nu/p/1547045

## #12 — martin, 2005-02-04T08:22Z

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

Permalänk: https://www.webforum.nu/p/1547051

## #13 — Emil RT, 2005-02-04T10:26Z

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

Permalänk: https://www.webforum.nu/p/1547100

## #14 — icaaq, 2005-02-04T10:46Z

```
[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

Permalänk: https://www.webforum.nu/p/1547106

## #15 — Emil RT, 2005-02-07T12:26Z

ska kolla!

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

Permalänk: https://www.webforum.nu/p/1548431

## #16 — martin, 2005-02-07T12:50Z

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

Permalänk: https://www.webforum.nu/p/1548436

## #17 — Emil RT, 2005-02-24T08:25Z

struntade i inline och satte:

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

blev bättre!

Permalänk: https://www.webforum.nu/p/1559232

---

Tråden på webben: https://www.webforum.nu/amne/html-css/121549-snygga-till-form