Storlek på formulär?

9 svar · 354 visningar · startad av eko 26 sep. 2005

ekoMedlem sedan juni 2002198 inlägg

Frågan26 sep. 2005 12:59#1

Hur får jag fälten så att dom blir lika stora i alla webläsare?
Det är Safari på macen som strular där blir dom så jäkla breda och förstör allt.
Hur kodar man så att dom blir lika breda på både mac & pc?

<form method="post" action="guestbook.asp?do=add" name="gastbok" onSubmit="return GbIn()">
  <table border="0" cellpadding="0" cellspacing="5">
    <tr> 
      <td>Name<br> 
        <input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="namn" size="17"> 
      </td>
      <td>E-mail<br> 
        <input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="email" size="17"> 
      </td>
      <td>Homepage<br> 
        <input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="hemsida" size="17"> 
      </td>
    </tr>
    <tr> 
      <td colspan="3">Message</td>
    </tr>
    <tr> 
      <td colspan="3"><textarea name="Meddelande" style="color:000000;border: 1px solid;border-color:000000;" cols="70" rows="7"></textarea></td>
    </tr>
    <tr>
      <td colspan="3"><input type="image" border="0" name="Posta inl&auml;gg" src="graphic/submit.gif" width="51" height="13"></td>
    </tr>
  </table>
</form>

Tack :birp

PalleMedlem sedan apr. 20003 174 inlägg

26 sep. 2005 13:01#2

Att få dom exakt lika är ganska svårt tyvärr.
Men, om du använder css för att applicera bredden så borde du få ett bättre resultat. :)

style="width:200px;"

silfverMedlem sedan apr. 200312 679 inlägg

26 sep. 2005 13:09#3

Jag använder mig av följande kod när jag gör formulär till hemsidan:

border-width: 1px;
border-color: #000;
font-size: 1em;

Det ger rätt bra resultat och det ser nästan likadant ut i alla läsare. Tror jag. :D

coolishMedlem sedan sep. 200297 inlägg

26 sep. 2005 13:10#4

Instämmer med ovanstående, css är nog din bästa möjlighet. Tyvärr verkar inte Safari tolka gällande standard från w3c så bra.

PalleMedlem sedan apr. 20003 174 inlägg

26 sep. 2005 13:22#5

Intressant sida som tar upp detta problem. :)
http://www.456bereastreet.com/archive/200409/styling_form_controls/

ekoMedlem sedan juni 2002198 inlägg

26 sep. 2005 13:25#6

Hur får jag in palles kod? Ska den vara i denna raden?
<input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="namn" size="17">

silfverMedlem sedan apr. 200312 679 inlägg

26 sep. 2005 13:28#7

eko skrev:

Hur får jag in palles kod? Ska den vara i denna raden?
<input type="text" style="color:000000;border: 1px solid;border-color:000000;" name="namn" size="17">

Lägg bara in width: 200px; där.

<input type="text" style="color:000000;border: 1px solid;border-color:000000;width:200px;" name="namn" size="17">

Fast jag hade ju gjort allt med CSS.

input {
	width: 200px;
}

<input type="text" name="namn" />

ekoMedlem sedan juni 2002198 inlägg

26 sep. 2005 13:46#8

Det blev denna kod!

Men hur gör jag för det stora meddelande fältet som har flera rader?

silfverMedlem sedan apr. 200312 679 inlägg

26 sep. 2005 13:52#9

Samma sak? :) Lägg till width: 200px; (eller vad du nu önskar för mått). Och meka lite med cols.

Web-TorMedlem sedan nov. 200013 890 inlägg

26 sep. 2005 13:52#10

<input type="text" style="border: 1px solid #000;width:100px;" name="namn">
<br/>
<textarea name="Meddelande" style="border: 1px solid #000;width:100px;" cols="70" rows="7"></textarea>