webForumDet fria alternativet

select och input

11 svar · 276 visningar · startad av AG

AGMedlem sedan mars 20001 229 inlägg
#1

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

Jesper TMedlem sedan nov. 20017 058 inlägg
#2

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

DinoMedlem sedan sep. 20011 918 inlägg
#3

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

AGMedlem sedan mars 20001 229 inlägg
#4

Inget av det hjälper tyvärr.

Andreas

ejickMedlem sedan mars 20011 175 inlägg
#5

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 '"'

AGMedlem sedan mars 20001 229 inlägg
#6

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

Andreas

Jesper TMedlem sedan nov. 20017 058 inlägg
#7

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

AGMedlem sedan mars 20001 229 inlägg
#8
<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

DinoMedlem sedan sep. 20011 918 inlägg
#9

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>
AGMedlem sedan mars 20001 229 inlägg
#10
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

PalleMedlem sedan apr. 20002 716 inlägg
#11

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

[RED] margin-bottom: 2px; height: 16px; padding: 1px;[/RED]
AGMedlem sedan mars 20001 229 inlägg
#12

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

Andreas

Genererad på 385 ms · cache AV · v20260730165559-full.f96bc7eb