Textruta som en prickad linje?

SimOnline skrev:

Okkido skrev:

SimOnline skrev:

Bumpar den här tråden lite för att slippa starta en ny. Några tips för att göra en textarea med flera streckade linjer?

Jag satt och försökte med det i några dagar med min portfolio, jag har testat det mesta och inte fått något att fungera. Inte snyggt iaf. Det närmsta jag kom snyggt var att lägga en bakgrundsbild i textarean med strecken.
Sen för att få texten att följa strecken får du anvädna line-height. Vilket inte stöds i t.ex FF.

Använder du inte line-height så blir radavståndet i textarean väldigt väldigt liten och det ser bara... dumt ut.

Jag har prövat lite med det nu, och själv tycker jag att det ser helt okej ut. Enda problemet för mig är att de förbaskade punkterna är större i IE x( Hur löser jag detta? kan jag bestämma storleken på punkterna?

Okej, jag skojade bara. Det kunde ha sett okej ut om det var samma line-height i olika browsers, men så var ju inte fallet... Detta är alltså inte möjligt?

Lägg samma bakgrundsbild i input-rutorna, och om det behövs, positionera den till botten av rutan:

input {
background: url("bild.gif") left bottom;
}

Nu snackade jag inte om input-fälten utan textarea.

Det jag menade är att eftersom hans problem är att CSS-prickarna varierar i olika webbläsare, kan han även använda en bakgrundsbild till input-rutorna också.