webForumDet fria alternativet

Ingen kontakt med css filen

HTML & CSS

8 svar · 1 246 visningar · startad av annaco

Medlem sedan apr. 200772 inlägg
Frågan#1

Jag håller på att modernisera min hemsida men jag får ingen kontakt med css filen. Vad gör jag för fel.

tradgard.css

p
{
font:times new roman,
color: green
}

test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Annas trädgård</title>
<link href="tradgard.css" rel="stylesheet" type="text/css" />
</head>
<p>

Jag vill att detta blir bra.

</p>
</html>

Detta är vad jag har att labba med än så länge men texten förblir svart.Varför?

Ser fram emot något tips.

Medlem sedan aug. 20068 090 inlägg
#2

Du måste ha ett semikolon mellan varje stil. Oftast avslutar man en rad så:

p
{
font:times new roman;
color: green;
}

Sen har du inga body-taggar....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Annas trädgård</title>
<link href="tradgard.css" rel="stylesheet" type="text/css" />
</head>
<body>
<p>

Jag vill att detta blir bra.

</p>
</body>
</html>
Medlem sedan mars 2006296 inlägg
#3

edit: Danne V hann före :)

Medlem sedan apr. 200772 inlägg
#4

Tack!

Så enkelt men så svårt att hitta själv.

Medlem sedan juli 2011156 inlägg
#5

Hej Anna!

Jag har läst några av dina trådar, och tittat på din fantastiskt informativa trädgårdssida som är en tillgång för alla odlingsintresserade.

Du har markerat ditt problem som löst. Ett litet syntaxfel som inte kommer att hjälpa dig med att modernisera koden på din fina hemsida.

Jag ifrågasätter varför vill du tilldela just p några font egenskaper i stilmallen? Hur har du tänkt dig att göra p neutral igen sen när du bara vill använda p för en enkel radbrytning?. Så här skulle jag ha gjort: tradgard.css:

 
body {font-family: times new roman; font-size: 16px;} /*eller vad du vill ha genomgående på hela sidan*/
.gron {color: green;}

och din mall:

<!DOCTYPE html>
<html >
<head>
<link rel="stylesheet" href=" tradgard.css" type="text/css" />
<title>Annas trädgård</title>
</head>
<body>
<font =class=”gron”>Jag vill att detta blir bra.</font>

</body>
</html>

Är ditt syfte att modernisera din kod, bör du kanske även byta till HTML 5.

Du kan kanske dra nytta av min dokumentation på ”hemsideskritik"

Basics för ett "hembygge" med den senaste tekniken utan att behöva lära sig allt. ;)

Medlem sedan aug. 20068 090 inlägg
#6

kluringen skrev:

Hej Anna!

Jag har läst några av dina trådar, och tittat på din fantastiskt informativa trädgårdssida som är en tillgång för alla odlingsintresserade.

Du har markerat ditt problem som löst. Ett litet syntaxfel som inte kommer att hjälpa dig med att modernisera koden på din fina hemsida.

Jag ifrågasätter varför vill du tilldela just p några font egenskaper i stilmallen? Hur har du tänkt dig att göra p neutral igen sen när du bara vill använda p för en enkel radbrytning?. Så här skulle jag ha gjort: tradgard.css:

 
body {font-family: times new roman; font-size: 16px;} /*eller vad du vill ha genomgående på hela sidan*/
.gron {color: green;}

och din mall:

<!DOCTYPE html>
<html >
<head>
<link rel="stylesheet" href=" tradgard.css" type="text/css" />
<title>Annas trädgård</title>
</head>
<body>
<font =class=&#8221;gron&#8221;>Jag vill att detta blir bra.</font>

</body>
</html>

Är ditt syfte att modernisera din kod, bör du kanske även byta till HTML 5.

Du kan kanske dra nytta av min dokumentation på ”hemsideskritik"

Basics för ett "hembygge" med den senaste tekniken utan att behöva lära sig allt. ;)

Font-taggen har varit ogiltig sen många år tillbaka. Dessutom har du ett likhetstecken för mycket. Hade taggen fortfarande varit giltig skulle det vara <font class=”gron”> och inte <font =class=”gron”>.

OM man ska vara RIKTIGT petig, så verkar det som om du dessutom använt felaktiga citationstecken också. (kan dock vara wF som joxat till det)

Medlem sedan juli 2011156 inlägg
#7

Danne V skrev:

Font-taggen har varit ogiltig sen många år tillbaka. Dessutom har du ett likhetstecken för mycket. Hade taggen fortfarande varit giltig skulle det vara <font class=”gron”> och inte <font =class=”gron”>.

OM man ska vara RIKTIGT petig, så verkar det som om du dessutom använt felaktiga citationstecken också. (kan dock vara wF som joxat till det)

Ok Danne V, du har rätt som vanligt. Dubbla likhetstecken var inte meningen, det var lovikavantarna som gjorde. Jag tog för givet att det var rumsrent med font-taggen eftesom validatorn köpte mina ändringar då jag gjorde om size och color till klasser. Nu måste jag ändra både i min dokumentation och på alla ställen där jag har låtit font-taggen vara kvar. Byter till span-taggen istället. div och p funkar ju inte mitt i en text om man inte vill bryta raden.

Felaktiga citationstecken, menar du att det ska vara "enkelfnuttar" eller vad?

Medlem sedan aug. 20068 090 inlägg
#8

kluringen skrev:

Felaktiga citationstecken, menar du att det ska vara "enkelfnuttar" eller vad?

De du visar är

html #8221; (citationstecken för slutet på citatet i engelskspråkiga länder) som är sneda: [B]”[/B].

Det ska vara tecknet

 #34; (rakt, vanligt citationstecken) som ser ut så här: [B]"[/B] .

Se här: http://www.ascii.cl/htmlcodes.htm

Men, som jag skrev, den kan ju ha varit wF:s backend som har skojat med oss...

Medlem sedan juli 2011156 inlägg
#9

Nog är det wF som har skojjat till det. Jag kan bara göra " raka på mitt tangentbord (skift 2 ger detta "). Tack för länken, den har jag sparat.

259 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
125 ms — deklarationer (db)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)
117 ms — ändringar (db)