---
title: "select och input"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/66814-select-och-input"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "AG"
published: "2003-01-31T19:43:20.000Z"
updated: "2003-02-03T07:59:52.000Z"
replies: 11
views: 279
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/66814-select-och-input"
---

# select och input

## #1 — AG, 2003-01-31T19:43Z

Har problem när jag skriver en select-list  före en input-ruta på samma rad.
Input rutan hamnar då en rad under select-rutan, även fast de är på samma rad, svårt att frklara.

```
<tr><td width="100">mobile phone:</td>
<td width="25">&nbsp;</td>
<td width="150" valign="top"><nobr><select name="mobilepfx" size="1" style="width:54px;"><%=gl.getGsm(form.getMobilepfx())%></select><input type="text" name="mobile" value='<%=form.getMobile()%>' style="width:106px;"></nobr></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("mobile")%></font></td></tr>
```

Andreas

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

## #2 — Jesper T, 2003-01-31T19:45Z

Vad händer om du lägger dem inom spantaggar?

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

## #3 — Dino, 2003-01-31T19:47Z

Det kan inte vara så att de tillsammans utgör mer än 150px och därför hoppar inputen ett steg neråt.

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

## #4 — AG, 2003-01-31T19:51Z

Inget av det hjälper tyvärr.

Andreas

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

## #5 — ejick, 2003-01-31T22:18Z

Det enda som jag hittar som inte verkar stämma är följande:

```
><input type="text" name="mobile" value='<%=form.getMobile()%>' style="width:106px;">
```

Prova istället:

```
><input type="text" name="mobile" value="<%=form.getMobile()%>" style="width:106px;">
```

Byta enkelfnutt "'" till bubbelfnutt '"'

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

## #6 — AG, 2003-02-01T16:28Z

Ta en titt på följande bild.
<http://www.visionreklam.se/fel.jpg>
Så är problemet.

Andreas

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

## #7 — Jesper T, 2003-02-01T18:25Z

Lägg upp källkoden i stället så är det lättare och mixtra.

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

## #8 — AG, 2003-02-02T15:06Z

```
<table cellspacing="0" cellpadding="1" border="0">
<form action='<%= request.getRequestURI() %>' method="post">
<tr><td width="100">e-mail:</td>
<td width="25">&nbsp;</td>
<td width="150"><input type="text" name="email" value='<%=form.getEmail()%>'></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("email")%></font></td></tr>

<tr><td width="100">password:</td>
<td width="25">&nbsp;</td>
<td width="150"><input type="text" name="password" value='<%=form.getPassword()%>'></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("password")%></font></td></tr>

<tr><td width="100">repeat password:</td>
<td width="25">&nbsp;</td>
<td width="150"><input type="text" name="rpassword" value='<%=form.getRpassword()%>'></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("rpassword")%></font></td></tr>

<tr><td colspan="4">&nbsp;</td></tr>

<tr><td width="100">firstname:</td>
<td width="25">&nbsp;</td>
<td width="150"><input type="text" name="fname" value='<%=form.getFname()%>'></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("fname")%></font></td></tr>

<tr><td width="100">lastname:</td>
<td width="25">&nbsp;</td>
<td width="150"><input type="text" name="lname" value='<%=form.getLname()%>'></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("lname")%></font></td></tr>

<tr><td width="100">date of birth:</td>
<td width="25">&nbsp;</td>
<td width="150"><nobr><select name="dobyear"><%=dl.getDobYear(form.getDobyear())%></select><select name="dobmonth"><%=dl.getDobMonth(form.getDobmonth())%></select><select name="dobday"><%=dl.getDobDay(form.getDobday())%></select></nobr></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("dob")%></font></td></tr>

<tr><td width="100">country:</td>
<td width="25">&nbsp;</td>
<td width="150"><select name="country" style="width:161px;"><%=cl.getCountry(form.getCountry())%></select></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("country")%></font></td></tr>

<tr><td width="100">timezone:</td>
<td width="25">&nbsp;</td>
<td width="150"><select name="timezone" style="width:161px;"><%=tl.getTimezone(form.getTimezone())%></select></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("timezone")%></font></td></tr>

<tr><td colspan="4">&nbsp;</td></tr>

<tr><td width="100">icq uin:</td>
<td width="25">&nbsp;</td>
<td width="150"><input type="text" name="icq" value='<%=form.getIcq()%>'></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("icq")%></font></td></tr>

<tr><td width="100">mobile phone:</td>
<td width="25">&nbsp;</td>
<td width="150" valign="top"><span><select name="mobilepfx" size="1" style="width:54px;"><%=gl.getGsm(form.getMobilepfx())%></select><input type="text" name="mobile" value='<%=form.getMobile()%>' style="width:76px;"></span></td>
<td>&nbsp;<font color=red><%=form.getErrorMessage("mobile")%></font></td></tr>
</table>
```

Alles

Andreas

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

## #9 — Dino, 2003-02-02T17:18Z

Har du samma font-size på input och select annars kan det bli en liten förskjutning.
Förskjutning:

```
<style>
   input{font: 11px verdana}
   select{font: 10px verdana}
</style>
```

Ingen förskjutning:

```
<style>
   input, select{font: 10px verdana}
</style>
```

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

## #10 — AG, 2003-02-02T22:15Z

```
input		{font-family: Verdana, Arial; font-size: 10px; background-color: #E7E7D6; border-color: #848484; color: rgb(0,0,0); border: 1px solid #848484}
select		{font-family: Verdana, Arial; font-size: 10px; background-color: #E7E7D6; border-color: #848484; color: rgb(0,0,0); border: 1px solid #848484}
```

Andreas

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

## #11 — Palle, 2003-02-02T23:48Z

Lägg till dessa attribut för **input** i din css-mall:

```
[RED] margin-bottom: 2px; height: 16px; padding: 1px;[/RED]
```

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

## #12 — AG, 2003-02-03T07:59Z

Ja det hjälpte, nu fungerar det, tack. Vad berror det förresten på?

Andreas

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/66814-select-och-input