Hej alla glada!
När jag kikade runt i olika webbläsare så upptäckte jag att input text och input submit har olika höjd som default (särskilt i IE på pc).
Vilket är bästa sättet att få dem i samma höjd? Jag provade att sätta samma height-värde på båda, men det känns fult att behöva sätta fast höjd på input. Det gav inte ens det resultatet jag ville.
Jag använder nu följande kod:
.form_field {
border: 1px solid #000000;
margin-right: 3px;
padding: 3px;
}
.form_submit {
border: 1px solid #000000;
padding: 3px;
}
...
<input type="text" name="field" size="25" class="form_field"> <input type="submit" name="submit" value="Skicka" class="form_submit">
Vad bör man tänka på när det gäller formulärsfält och stylning? Jag ville egentligen trixa så lite som möjligt, men då många webbläsare visar på olika sätt så har jag börjat att sönderstyla för att hitta nåt som funkar hyfsat i de flesta. Det ser hur som helst skevt ut att ha ett textfält och en submitknapp bredvid varandra som har olika höjder.
Tackar för tips!