Textarea og input forskelle.

Med teksten menes der selve font'en og fontstørrelsen...

du bruger 2 forskellige fonte ...

Det mener du ikke, vel? Hvis du gør, så fortæl mig hvor i koden jeg har angivet font.

Nu ikke for at være besværlig, men det her ser altså ikk videre smart ud
http://plazm.dk/ikke%20optimalt!.PNG

Standard-skrifttypen i et textarea er monospace (oftest Courier (New) !-), mens standarden i en input er sidens normale !-)

plazm > nej, jeg er klar over det..Jeg skal lige rode lidt med line-height og have lavet en ny baggrund. Hvilket browser bruger du?

roenving > Ahh, jamen det er jo perfekt, så skal jeg bare angive font for textarea.

Følgende er jeg nået frem til: http://kingsize.1go.dk/exp/kontakt.htm

Men som i nok kan se er der stadig noget galt..Kan i komme med nogle forslag til hvordan jeg får det til at virke helt rigtigt ?

Smid en fornuftig dokumenttype på, og få det bare til at validere en lille bitte smule... du mangler nogle ret vigtige ting...

Men det er nok en tabel du leder efter eller fieldset...

<style type="text/css">
INPUT {
border: 0px;
border-bottom: black 1px solid;
font-family: verdana, arial;
font-size: 11px;
}

TEXTAREA {
border: 0px;
white-space: normal;
overflow-y: hidden;
background-image: url(textareabg.gif);
background-attachment: scroll;
background-repeat: repeat-y;
font-family: verdana, arial;
font-size: 11px;
line-height: 20.0px;
height: 100px;
}
td
{vertical-align:top;}
</style>

<FORM METHOD="POST" ACTION="">
<table>
<tr>
<td>
Navn:
</td>
<td>
<input name="navn" size="30">
</td>
</tr>
<tr>
<td>
Email:
</td>
<td>
<input name="email" size="30">
</td>
<tr>
<td>
Besked:
</td>
<td>
<textarea wrap="physical" rows="5" cols="36" name="besked"></textarea>
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" value="Send">
</td>
</tr>
</table>

</form>

jokkejensen > jeg er klar over de manglende oplysninger, men dem har jeg fjernet til dette for overskuelighedens skyld. Jeg kan godt lave en opsætning selv ;)

Men jeg har testet mit næsten virkende textarea i firefox, og der gik det helt galt. Så jeg har fundet mig en anden løsning.

roenving > Din oplysning vil jeg godt give dig lidt point for. Så hvis du lige lægger et svar.

<ole>

At teste på sådan et dokument, svarer til at teste tophastigheden på en bil, mens motoren er pillet ud og ligge på værkstedet ... det giver absolut ingen mening  :)

Stort set _intet_ virker i sådan et dokument. Det kan være, du mener, det er overskueligt, men jokkejensen har en rigtig god pointe i det han skrev  ;o)

Om du selv 'kan lave opsætningen selv', tillader jeg mig at tvivle på. Så ville der nok ikke være så mange uhensigtsmæssigheder i den kode, du viser  :)

/mvh
</bole>

Har nu tilføjet doctype osv.: http://kingsize.1go.dk/exp/test.htm

Olebole > med "uhensigtsmæssigheder", mener du da doctype, head, body osv. ?

Har aldrig været specielt opmærksom på mit brug af doctype, men har det haft indflydelse her?

Olebole > Jeg kan skam godt se at han har en pointe i det han skrev, men som skrevet fandt jeg en anden løsning. Og det var ikke selve opsætningen (sætte det hele i tables) - som jeg godt selv kan lave - jeg søgte en løsning til. Jeg havde et problem med mit textarea.

Din tabel-opsætning er netop, hvad der fik mig til at skrive sådan  :)
Det ser ikke ud, somom du er klar over IE's uheldige og fejlagtige måde at behandle whitespace på. I IE - og kun der - er der stor forskel på at skrive:

<td>
Navn:
</td>

- og:

<td>
Navn:</td>

Sæt border="1" på din tabel og test så begge metoder i IE og FF - så er forskellen tydelig  ;o)

- og så er det altid godt at skrive CSS med lowercase selectors - naturligvis undtaget situationer, hvor en class eller id er skrevet i mixed-case (CamelCase).
Så kan remote-filer umiddelbart genbruges, hvis man skulle ønske at skifte til en mere stringent markup standard

Olebole >
'Sæt border="1" på din tabel og test så begge metoder i IE og FF - så er forskellen tydelig  ;o)', Det vil jeg prøve.. Men det er stadig ikke det jeg søger svar på.
Det var bare hvordan man kunne lave linjer i textarea, og samtidig få det til at se godt ud.

Men som sagt er projektet droppet..

- undskyld, det troede jeg, du havde fattet forlængst. Du skal bare sætte samme font-angivelse for begge typer:

input, textarea {
    font: 12px/1.2em verdana, arial, sans-serif;
}

Ja, det har jeg også forstået for længst.. Det er ikke problemet med fonts mere, det er min baggrund i mit textarea der ikke dur sammen med teksten..

Jeg er stadig målløs! Har du overhovedet testet det, jeg viste dig? Jeg tvivler.

<style type="text/css">
input, textarea {
    font: 12px/1.2em verdana, arial, sans-serif;
    background: url(bg.gif);
    border: 0;
}
</style>

<form action="">
<input type="text">
<textarea style="width:400px;height:300px"></textarea>
</form>

- og 'bg.gif' er en gif på 5px bredde * 14px højde, hvor den nederste række pixels er rød. Det er da næsten umuligt at få til at kikse  :)

Haha, ja, men det kikser alligevel i FF. Kan vi ikke bare lade det ligge. Jeg er slet ikke interesseret i denne løsning mere..

- det er ikke rigtig til at gennemskue, hvad du laver af fejl. Det virker helt efter planen hos mig - og det bør det da også  :)

Næhh, det er nemlig ikke til at gennemskue.. Det virker fint for mig i IE, men kikser når man tager det over i FF. Altså når man begynder at skrive flere linjer end der er til at starte med..