---
title: "Textruta som en prickad linje?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/129925-textruta-som-en-prickad-linje"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "streetrobban"
published: "2005-06-13T16:12:55.000Z"
updated: "2005-06-20T18:20:45.000Z"
replies: 23
views: 657
page: 1
pages: 2
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/129925-textruta-som-en-prickad-linje"
---
# Textruta som en prickad linje?
_Sida 1 av 2._
## #1 — streetrobban, 2005-06-13T16:12Z
Tja, jag undrar hur man gör för att få en textruta \ att se ut som en prickad linje.
Jag antar att man kan ta bort ramen och använda en bakgrundsbild? Någon som kan ge kodexempel på detta?
Går detta annars att göra på något lättare sett, tex. via CSS?
Permalänk: https://www.webforum.nu/p/129925
## #2 — silfver, 2005-06-13T16:14Z
Vill du bara ha en punktad linje runt?
```
input {
border: 1px dotted/dashed #000;
}
```
:)
Permalänk: https://www.webforum.nu/p/1630203
## #3 — streetrobban, 2005-06-13T17:55Z
Nej, nu kanske jag var otydlig. Det ska bara vara en punktad linje i botten. Som en linje man skriver på. Ingen ram.
Permalänk: https://www.webforum.nu/p/1630233
## #4 — Guffa, 2005-06-13T18:01Z
Sätt kantlinjen bara på nederkanten, då.
Permalänk: https://www.webforum.nu/p/1630237
## #5 — streetrobban, 2005-06-13T19:21Z
Jamen... hur då?
Permalänk: https://www.webforum.nu/p/1630283
## #6 — silfver, 2005-06-13T19:22Z
```
input {
border-bottom: 1px dotted/dashed #000;
}
```
Alltså - du väljer antingen dotted, eller dashed. :)
Permalänk: https://www.webforum.nu/p/1630284
## #7 — streetrobban, 2005-06-13T19:24Z
Ok, thx. Ska testa!
Permalänk: https://www.webforum.nu/p/1630287
## #8 — silfver, 2005-06-13T19:28Z
> **streetrobban skrev:**
>
> Ok, thx. Ska testa!
Skriv så här i stället:
```
border: none;
border-bottom: dotted 1px #000;
```
Permalänk: https://www.webforum.nu/p/1630289
## #9 — Okkido, 2005-06-13T19:33Z
längst nere, så du menar?
Permalänk: https://www.webforum.nu/p/1630293
## #10 — SimOnline, 2005-06-13T19:54Z
> **Okkido skrev:**
>
> längst nere, så du menar?
Ja, det är iaf jag nyfiken på. :)
Permalänk: https://www.webforum.nu/p/1630301
## #11 — streetrobban, 2005-06-13T20:01Z
Ja, exakt så menar jag.
Permalänk: https://www.webforum.nu/p/1630307
## #12 — streetrobban, 2005-06-13T20:09Z
Jag undrar bara vad #000 gör i koden?
Permalänk: https://www.webforum.nu/p/1630311
## #13 — silfver, 2005-06-13T20:21Z
> **streetrobban skrev:**
>
> Jag undrar bara vad #000 gör i koden?
\#000; = färgen, och det är svart. Du kan likaväl skriva black om du så vill. :)
**r\\** Eller vilken annan färg du vill. :D
Permalänk: https://www.webforum.nu/p/1630320
## #14 — SimOnline, 2005-06-19T21:33Z
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?
Permalänk: https://www.webforum.nu/p/1632157
## #15 — LeonL, 2005-06-19T21:40Z
> **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?
Det är inte möjligt. Man kan använda "double" (d.v.s. i stället för dotted/dashed/solid), men jag har för mig att det inte stöds i så många webbläsare. En lösning kan vara att använda flera lager. Se följande sida:
Permalänk: https://www.webforum.nu/p/1632162
## #16 — Okkido, 2005-06-19T21:54Z
> **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.
Permalänk: https://www.webforum.nu/p/1632165
## #17 — SimOnline, 2005-06-19T22:01Z
> **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?
Permalänk: https://www.webforum.nu/p/1632170
## #18 — Okkido, 2005-06-19T22:02Z
Berätta hur du gör, för du gör iaf inte så som jag gjorde om punkterna ändrar sig eftersom jag använde en bakgrundsbild.
Permalänk: https://www.webforum.nu/p/1632171
## #19 — SimOnline, 2005-06-19T22:05Z
> **Okkido skrev:**
>
> Berätta hur du gör, för du gör iaf inte så som jag gjorde om punkterna ändrar sig eftersom jag använde en bakgrundsbild.
Höhö, glömde nämna en sak :p Jag kör vanligt border-kommando på input-rutorna, och med dotted border blev punkterna olika stora, men nu kör jag med dashed, och problemet är borta.
Permalänk: https://www.webforum.nu/p/1632174
## #20 — silfver, 2005-06-19T22:22Z
> **Okkido skrev:**
>
> Berätta hur du gör, för du gör iaf inte så som jag gjorde om punkterna ändrar sig eftersom jag använde en bakgrundsbild.
Han kör nog border-top och border-bottom.
Permalänk: https://www.webforum.nu/p/1632177
---
Tråden på webben: https://www.webforum.nu/amne/html-css/129925-textruta-som-en-prickad-linje
Nästa sida: https://www.webforum.nu/amne/html-css/129925-textruta-som-en-prickad-linje/page2.md