Avatar billede themepark Nybegynder
23. december 2003 - 11:25 Der er 10 kommentarer

Unødvendigt linjeskift i TEXTAREA

Kig på

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

Som I kan se, går T'et ned på næste linje, selv om der rent faktisk er plads på linjen.

Jeg kan blot ikke finde ud af hvordan jeg får det ordnet, for jeg formoder at der er en smule luft efter hver linje, men kan ikke finde ud af at få det fjernet.

Koden er som sådan:

<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; word-spacing: 1px">
ABCDEFGHIJKLMNOPQRST
10</TEXTAREA>
Avatar billede erikjacobsen Ekspert
23. december 2003 - 11:29 #1
Det er ikke afstanden mellem linierne der (også) er problemet? En line-height på
8 harmonerer ikke godt med en font på 14.
Avatar billede themepark Nybegynder
23. december 2003 - 11:33 #2
Well, jeg har med megen møje og besvær testet mig frem til de indstillinger, således at de passer ind i et netværk af tern, jeg har lavet :)
Avatar billede erikjacobsen Ekspert
23. december 2003 - 11:41 #3
Nåh, ok, det er så formålet. Ikke alle brugere har OCR A Extended, men det ved
du vel. Og det hjælper ikke at foreslå dig at lægge et par pixels til bredden...
Hmm, padding og margin hjælper ikke ...
Avatar billede erikjacobsen Ekspert
23. december 2003 - 11:44 #4
Men border på 0 eller 2 px ekstra i bredden virker vel? Men passer det ind i
dine geometriske beredninger?
Avatar billede themepark Nybegynder
23. december 2003 - 11:46 #5
Altså, de angivne pixels har jeg testet mig frem til, så dem kan jeg ikke ændre. Men jeg tænkte, der måske var noget, jeg kunne tilføje.
Avatar billede bjoarn Nybegynder
23. december 2003 - 14:13 #6
Er der en grund til at padding-right ikke er defineret?
Hvis jeg har forstået dit spørgsmål, så kan jeg kun se at problemet er, at du ikke har fjernet text-area's fordefinerede padding i højre side, men kun i venstre og top...
prøv "padding: 0;"
Avatar billede themepark Nybegynder
23. december 2003 - 14:14 #7
bjoarn, det har jeg så vidt jeg husker, prøvet men uden resultat :(
Avatar billede bjoarn Nybegynder
23. december 2003 - 20:33 #8
t'et skifter ikke linie, hvis du har IE i standard-mode, hvorimod i quirks-mode skifter den linie...

Sæt en doctype-deklaration på din site (html4 strict eller xhtml) og husk at udelade xml-deklaration, som sætter IE i quirk.

fx:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Derudover skal der mange små justeringer til i dit stylesheet, hvis den skal være cross-browser venlig...
Avatar billede fet321 Nybegynder
10. januar 2004 - 18:36 #9
Hvad med at ændre:

overflow: auto;

til:

overflow: visible;
Avatar billede themepark Nybegynder
26. februar 2004 - 18:14 #10
Well, det er vist på tide, jeg får svaret her ;) Det med doctype virkede fint, T'et kom op på den rette linje, men jeg var så nødsaget til at ændre lidt på nogle af størrelserne for at få det hele til at passe sammen. Desværre er det resulteret i at T'et nu igen er nede på den forkerte linje :(

Jeg kan desværre ikke vise noget billede, da FriServerPlads er nede, så I må nøjes med koden.

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

Nogle, der kan sige mig, hvad der NU er galt? :(
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester