TEXTAREA og CSS

har du prøvet med margin-left og margin-top ?

Det lyder vist meget rigtigt ;) Kunne bare ikke komme i tanke om navnene :)

Virkede det?

Aner det ikke...giv mig nu lige tid til at teste det først ;)

Well, det hjalp desværre ikke...når jeg sætter det ind i TEXTAREA, er det selve TEXTAREA der bliver flyttet og ikke teksten inden i :(

He...har lige fundet ud af at det er padding-left og padding-top der skal bruges :)

<style type="text/css">
textarea {
    padding:12px;
    }
</style>

hehe, fik ikke refreshet inden jeg postede, men du løste det jo selv...

:o)

Ork, sådan går det tit...har selv ofte prøvet det omvendte :)

Men så har jeg faktisk et andet spørgsmål...kan man også angive en størrelse for mellemrummet mellem bogstaverne?

letter-spacing:3px;

Og et andet problem...selv om jeg sætter padding-top og padding-left til 0, er der stadig et mellemrum på 1 eller 2 pixels mellem kanten og bogstaverne. Hvad kan det skyldes?

det lyder underligt, det burde der ikke

Well...når jeg måler det i Paint, er der skam :/

har duet link man kan se det på?

Jeg kan gøre noget nemmere:

<TEXTAREA STYLE="padding-left:0; padding-top: 0">
Hejsa
</TEXTAREA>

De 3 linjer koder er alt hvad jeg skrev i en test side, og det giver stadig samme resultat.

så prøv med
line-height:10px;

Det hjalp lidt...nu er der et mellemrum på 1 pixel for både top og left

prøv at sænke line-height så...

Det hjalp mht. top...nu er der bare et problem...jeg har i forvejen en bestemt line-height, jeg er nødt til at bruge :(

Vent lidt...jeg prøver lige at se om jeg evt. kan nøjes med en mindre line-height.

Den ekstra pixel til left gør faktisk ikke noget, da jeg får brug for den :)

En sidste ting...hvordan kan jeg lave det sådan at hvis teksten i et tekstarea er for langt, så bliver den ikke ombrudt, men skåret væk?

overflow:hidden;
hvis jeg forstår dig ret

og dog... tror at du skal ud i noget javascript eller sådan noget

IE5.5+
word-wrap:break-word;

roenving, står der ikke noget om det på W3's side? Jeg kan ikke umiddelbart finde noget i hvert fald :(

Næh, den tror jeg du skal fange på msdn.microsoft.com !-)

Kay...hmm...der skal dælme jongleres med en del CSS for at få det her til at se ud som jeg vil have det :(

Kay...nu har jeg et sidste problem, og så BURDE det hele virke.

Kig på

http://themepark.friserverplads.dk/Textarea.bmp

Det er det textarea jeg har lavet, hvortil koden er

<TEXTAREA STYLE="border: 1px solid red; position: absolute; left: 10px; top: 15px; width: 201px; height: 101px; overflow: hidden; z-index: 2; font-family: OCR A Extended; background-color: transparent; overflow: hidden; font-size: 14px; letter-spacing: 2px; line-height: 5px; padding-left: 0px; padding-right: 10px">
ABCDEFGHIJKLMNOPQRST
</TEXTAREA>

Men hvorfor kommer S & T til at stå på den næste linje, når man kan se på den måde bogstaverne bliver placeret, at der stadig er plads til 2 bogstaver mere?

Selv hvis jeg fjerner T, forbliver S stadig på den næste linje...men hvorfor? :(

padding-right:10px; <-- det er nok den ...

-- og du har iøvrigt overflow:hidden; to gange !-)

Jeg fjernede det ene overflow: hidden; og nu er S'et på plads, men T'et står stadig på den næste linje :(

Og det så også sådan ud inden jeg tilføjede padding-right, men jeg prøvede så at ændre det til 0px, men det gav stadig samme resultat :(

Jeg formoder, at der må være noget ekstraplads omkring linjen på nogle få pixels som gør det her...altså at linjen fylder mere end den faktisk skal :(

Men hvad kan jeg ellers gøre?

He...har lige fundet ud af hvad der er galt.

Det er det samme problem, som der tit er med </TD> tags...et linjeskift giver lidt ekstra mellemrum på siden ;)

Well...og så troede man selvfølgelig at alle problemer nu var løst...men nej :/

Det fungerer fint, hvis jeg kun har en linjes tekst i mit TEXTAREA, så bliver alt placeret ganske smukt, som det skal.

Men når jeg laver et linjeskift, og tilføjer et par tegn på den næste linje, så bliver det ligesom før :(

Kig evt. på http://themepark.friserverplads.dk/Textarea.bmp

Og koden er nu

<TEXTAREA STYLE="border: 1px solid red; position: absolute; left: 10px; top: 15px; width: 201px; height: 101px; overflow: auto; z-index: 2; font-family: OCR A Extended; background-color: transparent; font-size: 14px; padding-left: 0px; letter-spacing: 2px; padding-top: 0px; line-height: 8px; padding">
ABCDEFGHIJKLMNOPQRST
10</TEXTAREA>

Hvad er der nu galt? :'-(

-- hvad laver det sidste 'padding' ?-)

-- måske kan du få noget ud af word-spacing: normal|1px ...

Den laver ikke noget *G* Men det er stadig samme resultat selvom det bliver fjernet...men kan da lige prøve med word-spacing :)

Næh det hjælper desværre ikke :(

roenving og ztyxx, smid lige et svar :)

oki '-)

ztyxx...du må da meget gerne lige smide et svar...hvis du ikke vil have point, må du også meget gerne sige det ;)

Ellers får roenving altså alle pointene, hvis du ikke giver lyd fra dig :)

ztyxx, du får lige en sidste chance til at smide et svar...jeg synes da også, du skal have point :)

okay, kommer her :-)

Damn, du er da langsom *G*

hehe, ja det er jeg nok, men havde fravalgt at få mails, så derfor, men takker pænt for point ;-)

-- og jeg takker også ;~}

>>ztyxx

-- et gammelt mellemværende: http://www.eksperten.dk/spm/425769