height, width og INPUT bokse

Et hurtigt gæt er, at inputten, når du bruger relative mål, ikke kan blive mindre end indholdet kan være der, men jeg skal da lige prøve noget ...

-- og den test godtgjorde, at den tager størrelsen fra sin egen font og ikke fra dokumentets default-font !-)

Så du må beregne hvor stor den skal være i px og så give dem den størrelse !-)

'-)

Så hvis jeg angiver størrelsen som 1em for både height og width med INPUT {, men har forskellige fontstørrelser for forskellige classes, så tager den fontstørrelsen fra hvor?

I min (ret simple !-) test tog den størrelsen fra sin egen font-størrelse, når det var em (bogstav-højde) ...

Men hvad mener du, når du siger egen? Henviser du da til INPUT-boksens font som den har som standard, eller til selve BODY fonten, som den har som standard eller til fonten, jeg har angivet for de forskellige classes?

Jeg testede det på den måde at jeg havde sat style på selve inputten, sådan:

style="height:1em;font-size:24px;"

og så havde jeg en knap, som:

onclick="document.getElementById('minInput').style.fontSize='8px'"

-- meget tydeligt, at højden på text-boxen fulgte præcis med ændringen af font-størrelsen, helt uafhængigt hvad jeg havde angivet som en default font-størrelse for dokumentet !-)

Ja, jeg kan godt se hvad du mener, for jeg har selv lige afprøvet det...men jeg er ikke helt klar over hvad det betyder...

Der er ingen knapper, så jeg kommer ikke til at ændre font-størrelsen på noget tidspunkt...den bliver hvad den er i CSS scriptet...men jeg vil jo gerne have den til at bruge font-size for selve INPUT {, når jeg angiver height og width med 1em...som det er lige nu, bruger den font-size for de forskellige classes. Og jeg vil helst undgå at skulle angive height og width med pixels.

Men KAN det lade sig gøre, som jeg siger, at bruge height og width for INPUT { i stedet for de forskellige classes, når jeg angiver height og width med 1em?

Du må undskylde, hvis der er noget, jeg har misforstået, men jeg er altså lidt blank overfor hvor det er du vil hen :-(

Nej, du kan åbenbart ikke bruge relative størrelser uden at den tager den aktuelle indstilling af font-størrelsen og bruger den som højde-mål.

(relativ størrelse er em, som betyder bogstav-højde og ex som betyder x-højde)

-- så du bliver nødt til at lave din inputbox-højde med fikserede mål, altså px (pixel), in (tommer - inch), cm, mm, pi (pica) eller pt (point)

Nu er det et stykke tid siden jeg oprettede tråden her, så det er måske på tide at lukke ;)

Vil dog lige sige, at det lykkedes mig at lave det sådan som jeg ville have det, vha en tilføjelse :)

Jeg har stadig forskellige font størrelser til forskellige classes, og så en højde og bredde på 1em for alle INPUT elementer. Og med en overflow:visible bliver der så en masse felter med vidt forskellige bredder, men som allesammen passer til længden af teksten.

Tilføjelsen er så at jeg simpelthen besluttede mig for at gå alle felterne igennem vha en tæller, finde det felt der har maksimumbredden og så sætte højde og bredde for alle felter til at være lig med den bredde :)

En løsning !-)

-- og du er vel opmærksom på, at din tæller kører via script, så det skal være server-side eller være afhængig af, om brugeren tillader javascript !o]

Den slags grå-hår-i-hovedet ting plejer jeg som regel ikke at tænke over ;)

Men jo, jeg er opmærksom på det :)