annacoMedlem sedan apr. 200772 inlägg 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.
Danne VMedlem sedan aug. 20068 090 inlägg 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>
Nate.AMedlem sedan mars 2006296 inlägg edit: Danne V hann före :)
annacoMedlem sedan apr. 200772 inlägg Tack!
Så enkelt men så svårt att hitta själv.
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. ;)
Danne VMedlem sedan aug. 20068 090 inlägg
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=”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. ;)
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)
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?
Danne VMedlem sedan aug. 20068 090 inlägg
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...
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.
