webForumDet fria alternativet
Logga in / Bli medlem

Grundläggande CSS-hjälp behövs!!!

HTML & CSS

23 svar · 604 visningar · startad av aasah

aasahMedlem sedan mars 20034 471 inlägg
Frågan#1

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: http://jigsaw.w3.org/css-validator/

Vad är då felet? :q :x

<head>
<meta name="robots" content="noindex">
<title> Try this! </title>
<style type="text/css">
<!--
body {
  background-color: #F1F1F1;
  color: #FF4141;
}

h1 {
  color: #DC143C;
}

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>
magnusfernstromMedlem sedan mars 20033 686 inlägg
#2

Vad får du för fel då?

aasahMedlem sedan mars 20034 471 inlägg
#3

Inget! Men jag får inget annat heller... Bara en helt tom vit sida... :x

Helt obegripligt... Källan ser OK ut(?)

<html>
<head>
<meta name="robots" content="noindex">
<title> 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....

magnusfernstromMedlem sedan mars 20033 686 inlägg
#4

Skumt, för när jag testar den här hemma får jag upp text.

Jag överlåter detta till någon duktig. :)

aasahMedlem sedan mars 20034 471 inlägg
#5

IE 5.50 ska väl klara CSS? :q

Web-Tors avatarWeb-TorMedlem sedan nov. 200013 890 inlägg
#6

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.

aasahMedlem sedan mars 20034 471 inlägg
#7

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

Peeers avatarPeeerMedlem sedan mars 20025 907 inlägg
#8

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

aasahMedlem sedan mars 20034 471 inlägg
#9

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;
}

magnusfernstromMedlem sedan mars 20033 686 inlägg
#10

'Bookman old style'? Varför enkelfnuttar!? :q

aasahMedlem sedan mars 20034 471 inlägg
#11

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 (sök på Observera!)

magnusfernstromMedlem sedan mars 20033 686 inlägg
#12

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. :)

aasahMedlem sedan mars 20034 471 inlägg
#13

Blir precis samma fel om jag tar bort fnuttarna. (Bortsett ifrån att stilen står utan dom i felmeddelandet så klart.)

magnusfernstromMedlem sedan mars 20033 686 inlägg
#14

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.

Geins avatarGeinMedlem sedan sep. 20005 700 inlägg
#15

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;
}
magnusfernstromMedlem sedan mars 20033 686 inlägg
#16

Ah, som jag misstänkte. :)

You heard the man. ;)

Patrik81s avatarPatrik81Medlem sedan okt. 2001538 inlägg
#17

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 ;)

aasahMedlem sedan mars 20034 471 inlägg
#18

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

Geins avatarGeinMedlem sedan sep. 20005 700 inlägg
#19

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?

Gislaved.netMedlem sedan juni 20001 521 inlägg
#20

<title> Try this! >/title>

Det där ser väl inte rätt ut?

258 ms totalt · 4 externa anrop · v20260731065814-full.e96017d9
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
117 ms — ändringar (db)