--- title: "Span problem" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/142207-span-problem" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Tulork" published: "2006-02-09T12:56:15.000Z" updated: "2006-02-09T23:30:45.000Z" replies: 12 views: 539 page: 1 pages: 1 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/142207-span-problem" --- # Span problem ## #1 — Tulork, 2006-02-09T12:56Z Hur använder jag span om jag vill ha den första bokstaven av ett ord i en \ dubbelt så stor och i orange färg? Jag har kommit såhär långt Detta är xhtml koden ``` Untitled Document

Span Usage

hej på dig

 ``` Detta är css:en ``` body.page{ background-color:#123456; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px } h2.head { color:#FF0000; font-style: italic; font-size:200%; text-decoration:underline; } span.span{ text-transform:Uppercase;" } ``` Har försökt leta i tutorials osv, men hittar inte det jag söker. (Detta är skolgrejj....) Permalänk: https://www.webforum.nu/p/142207 ## #2 — zcorpan, 2006-02-09T12:58Z Du får inte lägga en P inuti en SPAN. Du behöver inte ens SPAN. :) ```

hej på dig

``` ``` p::first-letter { font-size:200%; color:orange; } ``` Permalänk: https://www.webforum.nu/p/1762724 ## #3 — Tulork, 2006-02-09T13:04Z ne jag vet, hade kunnat göra detta på Många olika sätt som jag också kan, men det fick man inte för läraren, man skulle använda span...Men tack ska du ha Permalänk: https://www.webforum.nu/p/1762728 ## #4 — silfver, 2006-02-09T13:07Z > **Tulork skrev:** > > ne jag vet, hade kunnat göra detta på Många olika sätt som jag också kan, men det fick man inte för läraren, man skulle använda span...Men tack ska du ha :e Skön lärare. Men i så fall så får du ju göra som zcorpan skrev, placera span-elementet rätt. Dvs. så här: ```

hej på dig

``` Och ta bort citationstecknet du har efter "uppercase" i din css. Och glöm inte avsluta \ :p Permalänk: https://www.webforum.nu/p/1762731 ## #5 — Tulork, 2006-02-09T13:13Z hmm, jag får inte deet att funka med att använda span överhuvudtaget. utan span går det fin fint. Men hur ska det se ut i css filen? jag har skrivit såhär nu ```

hej på dig

H
ej på dej

``` Lite fuskigt kanske... Men kul om man vill ha stor bokstav bredvid ett helt textstycke... Silfver...Det är svårt att lära gamla tanter sitta :birp Permalänk: https://www.webforum.nu/p/1762742 ## #7 — silfver, 2006-02-09T14:00Z tanten, när du ska du lära dig att använda kod-taggarna? ;) Det går ju knappt läsa ditt kodexempel! Permalänk: https://www.webforum.nu/p/1762749 ## #8 — tanten, 2006-02-09T14:26Z > **silfver skrev:** > > tanten, när du ska du lära dig att använda kod-taggarna? ;) Det går ju knappt läsa ditt kodexempel! Fixat :) Permalänk: https://www.webforum.nu/p/1762756 ## #9 — zcorpan, 2006-02-09T17:15Z Hmm, ok. ```

hej på dig

``` ``` p::first-letter { font-size:200%; color:orange; } ``` Faktum kvarstår att du inte behöver SPAN. ;) Permalänk: https://www.webforum.nu/p/1762810 ## #10 — Insider, 2006-02-09T18:09Z Jag tror att er lärare vill att ni ska göra så här: ```

Hej på dig

``` ``` p span {font-size:200%; color:orange;} ``` Det är inte rätt... men han kanske tycker att det är ett pedagogiskt sätt att visa hur man selekterar enbart \ elementet. Dumt. :l Permalänk: https://www.webforum.nu/p/1762827 ## #11 — zcorpan, 2006-02-09T18:21Z > **Insider skrev:** > > Jag tror att er lärare vill att ni ska göra så här: > > ``` >

Hej på dig

> ``` > > > > ``` > p span {font-size:200%; color:orange;} > ``` Om man gör så kanske skärmläsare inte läser "hej" utan "hå, ej". Sökmotorer kanske inte indexerar "hej" som ett ord utan "h" och "ej" som två separata. ::first-letter borde användas för att ändra utseendet på första bokstaven; det är det den är till för. Säg det till din lärare Tulork. :) Permalänk: https://www.webforum.nu/p/1762832 ## #12 — nummersju, 2006-02-09T23:12Z "p::first-letter { font-size:200%; color:orange; }" varför ska man ha två stycken kolon (::)? Permalänk: https://www.webforum.nu/p/1762972 ## #13 — jarvklo, 2006-02-09T23:30Z Hmm... Använder man CSS2 "ska" man det inte alls - där heter det helt enkelt t.ex. p:first-letter, men i CSS3 (som f.ö. inte har fastställts av W3C ännu även om en och annan webbläsare numera stödjer olika delar av ändå) används "::" för att skilja ut "pseudo-element" (::first-letter m.fl) på ett sätt som gör att de inte ska kunna misstolkas som "Pseudo-klasser" (:visited och :active m.fl) Läs mer i och . :birp Permalänk: https://www.webforum.nu/p/1762977 --- Tråden på webben: https://www.webforum.nu/amne/html-css/142207-span-problem