størrelse på textfield

Desværre, sådan som du benytter ordende  'længde', 'kasse' og 'størrelse' er jeg ikke istand til at finde mening i spørgsmålet.

kan du evt forklare lidt nærmere hvd du mener med de 3 ord?

jakoba >

<INPUT TYPE="text" SIZE="8" VALUE="" CLASS="blah">

LÆNGDE = "SIZE"...
KASSEN = Den firkantede kasse som udgør et textfelt i HTML...
STØRRELSE = forestil dig du har en 20'er. Ved siden af har du en 1-krone. 20'eren er større end 1-kronen, og derfor er ede 2 mønters størrelse forskellige...

Jeg ønsker at gøre mit textfield ( <INPUT TYPE="text"...> ) mindre (som 1-kronen) ved hjælp af .css

undskyld hvis jeg skærer det lidt ud i pap, men jeg kan umiddelbart ikke se noget problem i formuleringen af mit spørgsmål, med mindre du ikke er vandt til at arbejde med HTML (eller det danske sprog). Kan være at jeg tager fejl, men jeg synes nu at mit spørgsmål er rimeligt lige til...

/foxwell

.knap
{
color: #000000;
font-family: verdana, sans-serif;
font-size: 11px;
height: 16;
width: 229px;
}

<input class="knap" name="knap" type="text" value="bla">

Sådan har jeg gjort.

med width og height kan du indstille kassen størrelse med en præcicion på een pixel.
<INPUT TYPE="text" VALUE=" CLASS="blah" style="width:50px;height:10px">

mvh JakobA

ok, det virker på størrelsen, men min tekst (i feltet) er nu for stor til kassen... den vil ikke blive minde lige meget hvad jeg gør:

.textfieldSmall {
font-family: Verdana, Arial, Helvetica,
font-size: 10px;
font-style: normal;
font-weight: normal;
height: 15px;
background-color: #99CC66;
border: 1px;
border-style: solid;
border-color: black;
color: black;
cursor: text;
}

smider gerne lidt flere points hvis en af jer kan løse problemet... =)

font-size: 10px har jo også en indvirkning på height. Du kan jo hellere ikke presse en elefant ned i en lille kasse bare fordi du gør kassen mindre, hvis du forstår ;)

I know, men fonten bliver ikke mindre når jeg skriver

font-size: 6px;

...

Prøv lige at poste hele koden for dit inputfelt samt tilhørende css kode.

<CFOUTPUT>
    <FORM ACTION="#thisPage#" METHOD="post">
</CFOUTPUT>

&nbsp;<FONT CLASS="smallFont">USERNAME</FONT><BR>
&nbsp;<INPUT TYPE="text" NAME="username" SIZE="10" VALUE="" CLASS="textfieldSmall"><BR>

&nbsp;<FONT CLASS="smallFont">PASSWORD</FONT><BR>
&nbsp;<INPUT TYPE="password" NAME="password" SIZE="10" VALUE="" CLASS="textfieldSmall"><BR>

&nbsp;<INPUT TYPE="submit" VALUE="LOG INN" CLASS="button">

<INPUT TYPE="hidden" NAME="submitted" VALUE="1">

</FORM>

----------------------------

.textfieldSmall {
font-family: Verdana, Arial, Helvetica,
font-size: 8px;
font-style: normal;
font-weight: normal;
height: 15px;
background-color: #99CC66;
border: 1px;
border-style: solid;
border-color: black;
color: black;
cursor: text;
}

Du mangler et ".

Prøv med <INPUT TYPE="password" NAME="password" SIZE="10" VALUE="" CLASS="textfieldSmall"> Virker fint hos mig med height = 5 f.eks...

hmm mærkeligt, prøver lige igen. Su mangler et " i value=" - skal være value=""

ja det ser sådan ud - at der mangler et " efter VALUE... men det gør der nu ikke - ved ikke hvor den er blevet af... prøv at se koden uden:

<INPUT TYPE="text" NAME="username" SIZE="10" CLASS="textfieldSmall">

Der er jo ingen problemer med at ændre størrelsen på kassen (nu), men kun med at få teksten til at passe i den...

7th > du får bare points for det første så =)

Du har jo ikke fået løst dit problem endnu...
Jeg forstår ikke helt dit problem. Du vil gerne lave størrelsen på inputfeltet mindre i højden. Det har du fået til at virke nu, men den med at få teksten til at passe ind, forstår jeg ikke helt...