---
title: "positionering av formulär"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/180000-positionering-av-formulär"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Pedda"
published: "2009-08-28T13:43:23.000Z"
updated: "2009-08-28T18:06:41.000Z"
replies: 2
views: 365
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/180000-positionering-av-formulär"
---

# positionering av formulär

## #1 — Pedda, 2009-08-28T13:43Z

Lyckas inte få till mitt formulär.
Knappen (image) hamnar snett i förhållande till textboxen.

Se bilden för att förstå vad jag menar.   ;)

formuläret:

```
<div id="search">
    <form action="http://www.foobar.com/index.php" id="cse-search-box">
        <input type="hidden" name="mnu" value="googlesearch" />
        <input type="hidden" name="cx" value="partner-pub-**********:**********" />
        <input type="hidden" name="cof" value="FORID:9" />
        <input type="hidden" name="ie" value="ISO-8859-1" />
        <input type="text" name="q" size="31" />
        <input name="buttonSearch" src="gfx/button_search.png" type="image" id="buttonSearch" />
    </form>

    <script type="text/javascript" src="http://www.google.se/coop/cse/brand?form=cse-search-box&amp;lang=sv"></script> 
</div>
```

css:

```
#search {
	text-align: right;
	margin:0;
	height:110px;
}
```

Bilagor:

- [search.png](https://www.webforum.nu/a/20721.png)

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

## #2 — jawbreaker, 2009-08-28T14:35Z

```
#buttonSearch { vertical-align: middle; }
```

borde göra susen.

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

## #3 — Pedda, 2009-08-28T18:06Z

Funkade i FX men i IE hamnade den lite snett iaf.
float:left på textboxen gjorde däremot susen.

postar koden om någon har nytta av den.

```
#search {
	text-align: right;
	margin:0;
	height:110px;
}
#searchbox {
	float:left;
	border: 3px double #CCCCCC;
	font-size:14px;
	width:133px;
	background:#d3e6ea url(gfx/search_icon.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	height:19px;
}
#buttonSearch {
	vertical-align:middle;
	border:none;
}
#cse-search-box {
	margin-top:5px;
}
```

Resultatet:

Bilagor:

- [search2.png](https://www.webforum.nu/a/20723.png)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/180000-positionering-av-formulär