--- title: "Grundläggande CSS-hjälp behövs!!!" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/109229-grundläggande-css-hjälp-behövs" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "aasah" published: "2004-08-14T13:53:03.000Z" updated: "2004-08-14T23:28:56.000Z" replies: 23 views: 612 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/109229-grundläggande-css-hjälp-behövs" --- # Grundläggande CSS-hjälp behövs!!! _Sida 1 av 2._ ## #1 — aasah, 2004-08-14T13:53Z Tänkte att jag skulle pröva det här med CSS som alla lovprisar istället för att köra med HTML som ju fungerar. Kokade ihop en riktigt superenkel testfil.... som ger en helt blank sida till klienten! :( Eländet validerar här: Vad är då felet? :q :x ``` Try this!

This should be crimson

This is some body text.

This is some P text.

``` Permalänk: https://www.webforum.nu/p/109229 ## #2 — magnusfernstrom, 2004-08-14T13:59Z Vad får du för fel då? Permalänk: https://www.webforum.nu/p/1410309 ## #3 — aasah, 2004-08-14T14:04Z Inget! Men jag får inget annat heller... Bara en helt tom vit sida... :x Helt obegripligt... Källan ser OK ut(?) ``` Try this! >/title> <style type="text/css"> <!-- body { background-color: #F1F1F1; color: #FF4141; } h1 { color: crimson; } p { color: black; } --> </style> </head> <body> <H1>This should be crimson</H1> This is some body text. <P>This is some P text.</P> </body> </html> ``` Men det visas **ingenting** i webbläsaren.... Permalänk: https://www.webforum.nu/p/1410313 ## #4 — magnusfernstrom, 2004-08-14T14:07Z Skumt, för när jag testar den här hemma får jag upp text. Jag överlåter detta till någon duktig. :) Permalänk: https://www.webforum.nu/p/1410315 ## #5 — aasah, 2004-08-14T14:08Z IE 5.50 ska väl klara CSS? :q Permalänk: https://www.webforum.nu/p/1410316 ## #6 — Web-Tor, 2004-08-14T14:08Z 1\. Du kan inte använda CSS istället för HTML. Dom används till olika saker. ;) 2\. Har du validerat HTML-koden också? 3\. Den kod du visar fungerar bra i min webbläsare. 4\. IE 5.5 klarar en hel del CSS. Permalänk: https://www.webforum.nu/p/1410317 ## #7 — aasah, 2004-08-14T14:10Z Glöm det, nu går det. Har ingen aning om vad jag gjorde dock... :r Tack för att ni tittade på det! :D Permalänk: https://www.webforum.nu/p/1410320 ## #8 — Peeer, 2004-08-14T15:57Z Tippar på att du tittade på en fil genom webbläsaren, men du trodde att du tittade på en annan. Man har gjort det felet både en, två och tre gånger :r Permalänk: https://www.webforum.nu/p/1410363 ## #9 — aasah, 2004-08-14T20:14Z La till lite saker och nu kraschar valideringen... men jag förstår inte varför? :q Lekte lite med klasser, tänkte att det verkade som om man skulle kunna ha specialklasser så att P inte alltid var svart, utan kunde ha andra färger ibland. Förmodligen skriver jag alldeles uppåt väggarna fel, men det skummaste är att lightRed går igenom men inte karm. Vad är skillnaden? :q Dessutom kraschar body. ``` <style type="text/css"> <!-- body { font-family: 'Bookman Old Style', serif; font-size: 16px; background-color: #FCFCFC; color: #DC143C; } h1 { color: #FF4141; } p { color: black; font-size: 16px; .karm { color: #DC143C; } .lightRed { color: #FF4141; } } --> </style> ``` > **validatorn skrev:** > > Errors > URI : file://localhost/TextArea > Line: 0 > Parse error - Unrecognized : \<style type="text/css"\> \<!-- body { font-family: 'Bookman Old Style', serif; font-size: 16px; background-color: #FCFCFC; color: #DC143C; } > > Line: 0 Context : p > Parse Error - .karm { color: #DC143C; } > > Line: 0 > Parse error - Unrecognized : } > > Valid CSS information > h1 { > color : #ff4141; > } > .lightRed { > color : #ff4141; > } Permalänk: https://www.webforum.nu/p/1410486 ## #10 — magnusfernstrom, 2004-08-14T20:19Z 'Bookman old style'? Varför enkelfnuttar!? :q Permalänk: https://www.webforum.nu/p/1410489 ## #11 — aasah, 2004-08-14T20:22Z Jaaa, inte vet jag... Det stod så i exemplet... Ska det vara dubbla istället? :q Fnuttar skulle det vara (enligt ex.) om stilen hade mellanrum i namnet. Men inte vet jag... det här är mitt första försök med CSS. [Exemplet](http://www.html-gruppen.nu/artiklar/webbdesign/stilmallar/stilmalls_skolan/del_ett/) (sök på Observera!) Permalänk: https://www.webforum.nu/p/1410490 ## #12 — magnusfernstrom, 2004-08-14T20:23Z Jaha, det är möjligt, är inte så haj på det här, men jag har inte använt det, och det går bra iallafall. Jag skulle ju testa att ta bort det, bara för att vara på den säkra sidan. :) Permalänk: https://www.webforum.nu/p/1410491 ## #13 — aasah, 2004-08-14T20:29Z Blir precis samma fel om jag tar bort fnuttarna. (Bortsett ifrån att stilen står utan dom i felmeddelandet så klart.) Permalänk: https://www.webforum.nu/p/1410496 ## #14 — magnusfernstrom, 2004-08-14T20:31Z En till fråga, för jag är som sagt inte heller så haj, men kan man verkligen ha satser i satser, eller hur man ska säga, som du har!? Det vill säga ``` ( kod { kod } } ``` ? Som sagt, en fråga. Permalänk: https://www.webforum.nu/p/1410498 ## #15 — Gein, 2004-08-14T20:32Z Fnuttar eller inte spelar ingen roll. Är inte helt hundra på ditt första fel men de andra tyder ju på att du inte får ha klasserdefinitioner i en annan defintition. Dvs. bryt ut .karm och .lightRed. ``` p { color: black; font-size: 16px; } .karm { color: #DC143C; } .lightRed { color: #FF4141; } ``` Permalänk: https://www.webforum.nu/p/1410499 ## #16 — magnusfernstrom, 2004-08-14T20:35Z Ah, som jag misstänkte. :) You heard the man. ;) Permalänk: https://www.webforum.nu/p/1410503 ## #17 — Patrik81, 2004-08-14T20:37Z Det där med specialklasser, det var ju nästan rätt tänkt, men lite fel ändå. ``` <style type="text/css"> <!-- body { font-family: 'Bookman Old Style', serif; font-size: 16px; background-color: #FCFCFC; color: #DC143C; } h1 { color: #FF4141; } p { color: black; font-size: 16px; } p.karm { color: #DC143C; } p.lightRed { color: #FF4141; } --> </style> ``` Borde generera bättre resultat angående specialklasserna. MVH Patrik /r: sen som vanligt ;) Permalänk: https://www.webforum.nu/p/1410507 ## #18 — aasah, 2004-08-14T20:43Z Aah, tack, Patrik81! :D Stämde bra det! :D Nu är det bara första felet kvar, som ser likadant ut. Jag fattade aldrig hur man fick fram att .karm skulle höra till p just, det var därför jag la det inuti. Nu fattar jag hur man gör! :bire Permalänk: https://www.webforum.nu/p/1410510 ## #19 — Gein, 2004-08-14T20:43Z Patrik, hur utnyttjar man sedan egenskaperna för t.ex. p.lightRed? \<p class="p.lightRed"\>? Isåfall är det ju ingen skillnad att döpa det till p.lightRed eller bara lightRed. Eller finns det andra användningsområden? Permalänk: https://www.webforum.nu/p/1410511 ## #20 — Gislaved.net, 2004-08-14T21:30Z > \<title\> Try this! \>/title\> Det där ser väl inte rätt ut? Permalänk: https://www.webforum.nu/p/1410544 --- Tråden på webben: https://www.webforum.nu/amne/html-css/109229-grundläggande-css-hjälp-behövs Nästa sida: https://www.webforum.nu/amne/html-css/109229-grundläggande-css-hjälp-behövs/page2.md