HTML & CSSur HTML, XHTML & CSS
23 svar · 651 visningar · startad av streetrobban
Tja, jag undrar hur man gör för att få en textruta <input type="text"> 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?
Nej, nu kanske jag var otydlig. Det ska bara vara en punktad linje i botten. Som en linje man skriver på. Ingen ram.
Sätt kantlinjen bara på nederkanten, då.
Jamen... hur då?
input {
border-bottom: 1px dotted/dashed #000;
}
Alltså - du väljer antingen dotted, eller dashed. :)
Ok, thx. Ska testa!
streetrobban skrev:
Ok, thx. Ska testa!
Skriv så här i stället:
border: none;
border-bottom: dotted 1px #000;
https://www.peterantonius.com längst nere, så du menar?
Okkido skrev:
https://www.peterantonius.com längst nere, så du menar?
Ja, det är iaf jag nyfiken på. :)
Ja, exakt så menar jag.
Jag undrar bara vad #000 gör i koden?
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
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?
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: http://www.silenus.pwp.blueyonder.co.uk/freedomSupport/borderexp.html
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.
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?
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.
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.
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.
