WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Input och textarea (https://www.wn.se/forum/showthread.php?t=16182)

cezar 2006-09-12 13:32

2 bifogad(e) fil(er)
Min textarea
<textarea cols="49" style="background-color: #393838; border: 1px solid black; color: white; font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 9px" name="message" rows="5" ></textarea>

Min input
<input maxlength="125" style="background-color: #393838; border: 1px solid black; color: white; font-family: Verdana, Tahoma, Helvetica, Arial; font-size: 9px" name="uri" size="50" type="text" value="http://" />

Måste man köra cols och rows på textarean?
Sätter jag size på textarean blir det galet och jag får dem inte i samma storlek om jag försöker ändra cols.
Är den på "49" så blir det _nästan_ samma width på dem men inte riktigt.

Några idêer?

koala 2006-09-12 14:29

Använd css istället. Width och height fungerar bra.

cezar 2006-09-12 15:17

Citat:

Originally posted by koala@Sep 12 2006, 14:29
Använd css istället. Width och height fungerar bra.
Lättast borde väll då vara att göra en vanlig .class och sätta width och height till input och textarea?

digi 2006-09-12 16:12

Tjaa, de funkar fint :)

Kaffe 2006-09-12 17:24

Citat:

Ursprungligen postat av cezar
Citat:

Ursprungligen postat av koala
Använd css istället. Width och height fungerar bra.

Lättast borde väll då vara att göra en vanlig .class och sätta width och height till input och textarea?

Eller bara skapa en CSS-regel för respektive element, eller en gemensam:

Kod:

input, textarea { width: 250px; }

Robert 2006-09-15 09:16

Citat:

Originally posted by Kaffe@Sep 12 2006, 17:24
Kod:

input, textarea { width: 250px; }

Tja, att sätta width på alla input element är väl inte så tokbra kanske... men något vettigt alternativ finns inte om man inte classar den vill säga.

cezar 2006-09-15 10:02

Funkade bra med en .class

Danke...

Kaffe 2006-09-15 10:40

Citat:

Ursprungligen postat av Robert
Citat:

Ursprungligen postat av Kaffe
Kod:

input, textarea { width: 250px; }

Tja, att sätta width på alla input element är väl inte så tokbra kanske... men något vettigt alternativ finns inte om man inte classar den vill säga.

Om man använder en layout med styrd bredd fungerar det alldeles utmärkt.

Hierarkiskt urval och attribute-selectors fungerar ju också. IE bör vara ikapp vad gäller det senare. Annars är det ju enkelt att t ex styra ett contactform:

Kod:

form#contact input, form#contact textarea { width: 250px; }
Jag ställer mig tvärtom motvillig till att gå för starkt ut med klasser, utan i så fall konsekvent applicera dem på "avvikande" element, så som radio och checkbox. Varför? Därför att klasser skapar ett större beroende än vad ett hierarkiskt urval. Målet är att separera presentation och innehåll. Givetvis skall klasser användas, men med begränsning.


Alla tider är GMT +2. Klockan är nu 09:17.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson