--- title: "Kan nån hjälpa mig med min css kod" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/155049-kan-nån-hjälpa-mig-med-min-css-kod" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "anderszon" published: "2006-12-19T22:02:55.000Z" updated: "2007-01-31T16:37:12.000Z" replies: 33 views: 1664 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/155049-kan-nån-hjälpa-mig-med-min-css-kod" --- # Kan nån hjälpa mig med min css kod _Sida 1 av 2._ ## #1 — anderszon, 2006-12-19T22:02Z Börja lära mig css för ca 1 timma sen och har kommit en bit iaf.. vet inte vad som är fel i min css kod men kan nån kolla iaf: \ Text

text

text

Text

``` Permalänk: https://www.webforum.nu/p/1911535 ## #3 — anderszon, 2006-12-19T22:32Z Jag har inte förståt vad dem här h1, h2 är till för och hur dem används kan nån förklara? Permalänk: https://www.webforum.nu/p/1911540 ## #4 — pixel8, 2006-12-19T22:36Z > **anderszon skrev:** > > Jag har inte förståt vad dem här h1, h2 är till för och hur dem används kan nån förklara? kolla in på: och klicka på CSS grunder, där får du lite förklaringar : ) det ända felet jag kan hitta i din kod är ground istället för background. jag har iofs aldrig använt "em" så jag kan inte kommentera det : ) mvh // micke Permalänk: https://www.webforum.nu/p/1911543 ## #5 — tanten, 2006-12-19T22:53Z h1 osv är för olika rubriker. Du börjar med h1 som huvudrubrik och sedan h2 för underrubriker. Du har angett 2 em för storlek på bokstäverna i body vilket är väldigt stort. Det vanliga är någonstans mellan 0.7 till 0.9 ungefär... det bör i vilket fall vara mindre än de du har i rubrikerna. em är en relativ storlek som användaren kan förstora i IE. De andra webläsarna förstorar även px. Permalänk: https://www.webforum.nu/p/1911552 ## #6 — anderszon, 2006-12-20T05:35Z Alltså om jag ska skriva en rubrik ska jag skriva h1DETTA ÄR EN RUBRIK/h1 eller är jag helt dum i huvudet? Permalänk: https://www.webforum.nu/p/1911583 ## #7 — Melitta, 2006-12-20T07:36Z Nej det stämmer bra. H1 Står väll för Heading 1 Alltså rubrik 1 på sidan :) Permalänk: https://www.webforum.nu/p/1911597 ## #8 — J.N., 2006-12-20T08:50Z HEJ! För att få enklast att räkna bör du sätta din basfont till 10px. Eftersom basfonten är 16px tar man 62.5% av det. ``` *{margin:0; padding:0;} /*nollar alla marginaler, sedan sätter du dem där du behöver dem. enklast.*/ body{ margin:0; /*behövs igen för body (ev för html{} också, men brukar jag ej ha)*/ padding:0; font:62.5%/1.5 Verdana, Arial, Helvetica, sans-serif; color:#FFF; } h1{font-size:2em;} /*10x2=20px*/ h2{font-size:1.25em; /*10x1.25=12.5px*/ h3-h6 om man behöver dem. ``` OBS! CSS, liksom all programmering, kan man göra på olika sätt, och jag gör som de flesta gör. Bli dock inte förvånad om du hittar andra sätt att koda på. hn-taggarna behövs även för att sökmotorerna ska veta vad som är viktigt på sidan, h1 är det viktigaste. Även för de som behöver hjälpmedel för webbläsaren behöver veta vad hur strukturen på sidan är uppbyggd. Bra referens hittar du på [DevGuru](http://www.devguru.com/technologies/CSS2/index.asp). 1600 inlägg! Permalänk: https://www.webforum.nu/p/1911617 ## #9 — Bargic, 2006-12-20T09:05Z Jag antar att bara experimenterar med typografin i exemplet för att se hur saker och ting funkar. Ett bra sätt att lära sig. Kolla gärna information om typografi på webben. T ex . Kommentar om ditt CSS-exempel: Ta det lugnt med formateringen av p-taggen. Som det är nu så är det rätt saftigt avstånd mellan bokstäverna och det blir ganska jobbigt att läsa. Någon av rubrik-taggarna H1-H6 kanske skulle funka bättre att formge så dramatiskt, eftersom rubriker inte brukar innehålla så mycket text. Permalänk: https://www.webforum.nu/p/1911622 ## #10 — anderszon, 2006-12-20T13:36Z Sen har jag lite andra frågor.. när jag ska lägga in css på en sida klistar jag då inte texten: \ Om jag nu har döpt css filen till css.css? Och ska den ligga efter: \ \ \Untitled Document\\ \ Tack för alla svar! Fortsätt svara. =) EDIT: Jag vill ha h1: vanlig arial,helvetica - vanlig storlek (vet inte vad det är :() h2: arial,helvetica med FET Text - Vanlig storlek h3: arial,helvetica med FET Text (+0 står det i dreamweaver men jag vet inte vad det blir i pixlar) Skulle vart snällt om ni kunde hjälpa mig med dem också =) Permalänk: https://www.webforum.nu/p/1911711 ## #11 — voigtann1, 2006-12-20T13:39Z CSS.css är en referens om hur din sida ska "bete" sig i utseende med hjälp av CSS. Denna fil ska ligga inom headers. i css.css filen lägger du in dina CSS format som du vill att sidan skall användas av. Permalänk: https://www.webforum.nu/p/1911712 ## #12 — zcorpan, 2006-12-20T13:51Z Ett tips är att använda en doctype (allra först i HTML-koden) som triggar "standards mode" i webbläsare. ``` ``` (Det finns längre varianter också, men inte alla triggar standards mode.) Annars kommer webbläsare bete sig mer som gamla webbläsare, och det är inte lika förutsägbart och inte heller enligt "standarden". Så det borde se ut typ såhär: ``` Untitled Document ``` Ang. rubriker, vad menar du med vanlig storlek? Storleken som rubrikerna normalt har eller samma storlek som brödtext? Om du vill att *all* text ska vara "arial, helvetica", räcker det med att ange det på rotelementet så kommer det att ärvas till resten av sidan. ``` html { font-family:Arial, Helvetica, sans-serif; } ``` Permalänk: https://www.webforum.nu/p/1911714 ## #13 — J.N., 2006-12-20T13:55Z Ang "vanlig storlek" vet inte vi heller vad det är för din webb. Det kan vara 8 px, eller 33px. OM du menar vad som är vanligt generellt får du 9px eller 10px. Dock gäller det för brödtext, för rubriker bör det vara lite större. Utgå från denna kod. ``` titel

h1h1h1h1h1

h2h2h2h2h2

h3h3h3h3h3

paragraf-text paragraf-text paragraf-text paragraf-text

``` Permalänk: https://www.webforum.nu/p/1911717 ## #14 — zcorpan, 2006-12-20T14:01Z > **J.N. skrev:** > > ``` > > ``` En liten notis bara... :) Den här doctypen är lika dålig som ingen doctype för den triggar quirks mode. Jag skulle rekommendera en "Strict" doctype eller den kortare varianten ovan. Permalänk: https://www.webforum.nu/p/1911721 ## #15 — J.N., 2006-12-20T14:07Z > **zcorpan skrev:** > > En liten notis bara... :) Den här doctypen är lika dålig som ingen doctype för den triggar quirks mode. Jag skulle rekommendera en "Strict" doctype eller den kortare varianten ovan. Säkerligen. Det är den som HomeSite själv skriver som standard, och den har jag aldrig brytt mig om att byta till det jag vanligen använder, som kommer från återanvända filer. I detta fall gjorde jag koden från början. Permalänk: https://www.webforum.nu/p/1911723 ## #16 — anderszon, 2006-12-20T14:44Z > **J.N. skrev:** > > Ang "vanlig storlek" vet inte vi heller vad det är för din webb. Det kan vara 8 px, eller 33px. OM du menar vad som är vanligt generellt får du 9px eller 10px. > Dock gäller det för brödtext, för rubriker bör det vara lite större. > > Utgå från denna kod. > > ``` > > > > titel > > > > > >

h1h1h1h1h1

> >

h2h2h2h2h2

> >

h3h3h3h3h3

> >

paragraf-text paragraf-text paragraf-text paragraf-text

> > > > ``` Vad menar du med: \h3h3h3h3h3\ (Ska det inte stå eller? :S) Och samma sak med: \paragraf-text paragraf-text paragraf-text paragraf-text\ VIKTIGA: hur lägger jag in en css script på en sida.. genom att skriva in den koden jag skrev överst eller ska man includa.. har inte förstått. Permalänk: https://www.webforum.nu/p/1911735 ## #17 — voigtann1, 2006-12-20T14:48Z css script? Css fil ja det kan du.. ta bara bort \ och lägg det i en css fil och inkludera det i headern som vi har visat. Permalänk: https://www.webforum.nu/p/1911737 ## #18 — tanten, 2006-12-20T15:23Z Om du gör så här: kopiera den här texten ``` titel

h1

h2

h3

paragraf-text
och lite mer text!

``` Klistra in den i anteckningar och spara som test.html När du gjort det så öppnar du filen med den webläsare du har. Då ser du hur det ser ut utan css. Ta sedan någon av de förslag på css du fått och klistra in det i head och mickla sedan med värdena för att se hur de ändras. Eller ta din egen du hade från början. Här: ``` { ``` Den är lite lättare att förstå än de som är forkortade. Hoppas det blir lite lättare att förstå då :-) Vi låter kanske lite olika med hur man gör med css. Det bästa är att lägga den i en egen fil som man länkar till. Men när man testar sig fram och provar kan det vara lite lättare att bara ha en fil att "leka" med och då placeras den i head. Permalänk: https://www.webforum.nu/p/1911746 ## #19 — anderszon, 2006-12-20T22:02Z \<- Ser det bra ut kolla källkod också. Permalänk: https://www.webforum.nu/p/1911875 ## #20 — silfver, 2006-12-20T22:12Z Du kan inte ha ett header-element inom en p-tagg. Permalänk: https://www.webforum.nu/p/1911881 --- Tråden på webben: https://www.webforum.nu/amne/html-css/155049-kan-nån-hjälpa-mig-med-min-css-kod Nästa sida: https://www.webforum.nu/amne/html-css/155049-kan-nån-hjälpa-mig-med-min-css-kod/page2.md