Aloittelijan ongelma:
Miten saa rivin vaihtumaan textareassa automaattisesti kun riviltä "tila loppuu kesken"?
Ööh...? Et tee mitään, silleen se toimii normaalisti.
<textarea cols="40" rows="10"></textarea>
En varmaan selkeästi tätä nyt ilmaissut. Kun textareaan kirjoittaa, niin teksti jatkuujatkuujatkuu niin pitkään kun vaan kirjoittaa. Eli siis miten rivi vaihtuisi tämän textarean sisällä, kun area loppuu kesken? En halua siis sivuttain kulkevaa skrollia siihen.
<style type="text/css">
textarea
{
overflow: auto;
}
</style>Kiitoksia paljon! Nyt toimii. :)
nyybi kirjoitti:
Kiitoksia paljon! Nyt toimii. :)
Outoa, sillä eihän asetuksella overflow: auto ole mitään vaikutusta rivitykseen. Lisäksi se on käytännössä oletusarvona textarea-elementille, ja sehän on määritelty näin (CSS 2.1):
öThe behavior of the 'auto' value is user agent-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.ö
Lisäksi vaikuttaa siltä, että se, mitä haluat, on selainten normaali toimintatapa nykyisin, ilman mitään erillisiä asetuksia.
Joissakin vanhoissa selaimissa, jotka toimivat HTML:n määrittelyjen mukaan, ei tapahdu automaattista rivinvaihtoa textareassa. Niissä automaattisen rivityksen sai aikaan määritteellä wrap=hard tai wrap=soft sen mukaan, halutaanko rivinvaihtojen tulevan myös mukaan itse lomakedataan vai ei. Mutta selaimet ovat jo aika pitkään olleet toisella linjalla, ja vanhan määrittelyn mukaista toimintaa pitää erikseen pyytää määritteellä wrap=off.
Joten oletko käyttänyt jotakin vanhaa selainta (mitä?) vai onko koodissa jostain syystä wrap=off? URL olis kiva ja ennen kaikkea hyödyllinen.
Vai olisiko kyse tekstistä, jossa ei ole sananvälejä? Silloin jotkin nykyisetkin selaimet (ainakin Opera) ottavat käyttöön vaakavierityspalkin – mikä on sikäli ihan oikein, että eihän merkkijonoja sovi mielivaltaisesti pätkiä). Mutta jos sitä pidetään ongelmana, niin riittävän uusissa Operan versioissa tämän piirteen saa pois (eli Operan pätkimään merkkijonoja Firefoxin ja IE:n tavoin) CSS-asetuksella textarea { word-wrap: break-word; }.
Aihe on jo aika vanha, joten et voi enää vastata siihen.