Validering, klagar på meta och css i headern...

14 svar · 1 024 visningar · startad av Pontus Thor 21 dec. 2006

Pontus ThorMedlem sedan juni 2002324 inlägg

Frågan21 dec. 2006 05:10#1

Fattar 0. Validatorn klagar på css och meta-taggarna.... Var har jag gjort fel...!?

http://validator.w3.org/check?uri=http://www.crazy-media.com/

# <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
# "http://www.w3.org/TR/html4/loose.dtd">
# <HTML lang="sv">
# <HEAD>
# <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
# <TITLE>Crazy Media - humor för alla!</TITLE>
# <META name="description" content="Välkommen, till Crazy Media. Sidan där anti-humor blandas med dumheter i minst 7 olika former...">
# <META name="keywords" content="humor, media, crazy, dumheter, crazymedia, roliga, parodi, klubben inget lantis, humor och dumheter, humor för alla, sjukt, humorsidor, lantis, uppdaterad, 2003, roligasidor, punkt, info">
#
# <link rel="alternate" type="application/rss+xml" title="10 senaste spelen" href="http://feeds.feedburner.com/CrazyMediaSpel">
# <link rel="alternate" type="application/rss+xml" title="Extern: Piratpartiet RSS feed (politik)" href="http://www2.piratpartiet.se/flexinode/feed/7">
# <link rel="alternate" type="application/rss+xml" title="Extern: AllTooFlat RSS feed (humor)" href="http://www.alltooflat.com/rss/atf.rss">
# <link rel="alternate" type="application/rss+xml" title="Extern: Jesper.nu (spel)" href="http://www.jesper.nu/feed.php?game">
# <link rel="microsummary" href="/microsummary/hej.php" />
#
#
# <link rel="stylesheet" type="text/css" href="/style.css">
# <link rel="stylesheet" type="text/css" href="style-roligabilder.css">
# <!--<META http-equiv="content-type" content="text/html; charset=iso-8859-1">-->
# <Meta name="Robots" content="index,follow">
# <meta name="Myzli" content="yes">
# <script type="text/javascript" src="blandat.js"></script>
#
# <script type="text/javascript" src="set.js"></script>
# <base href="http://www.crazy-media.com/">
# <script type="text/javascript" src="do.js"></script>
# </HEAD>
# <body onload="iLeadPop(); set();" lang="sv">

En helt annan fråga är när jag lägger in "korrekt" doctype så slutar alla position: absolut; att funka... alla mina divar hamnar i ordningen de ligger i dokumentet, skitirriternade. Wtf!? Någon som vet varför!? Har förslag på en lösning? Tack i förväg...

@ndersMedlem sedan juni 200032 967 inlägg

21 dec. 2006 06:34#2

Stäng <link>- och <meta>-taggarna ordentligt och se om det hjälper.

Pontus ThorMedlem sedan juni 2002324 inlägg

21 dec. 2006 06:52#3

@nders skrev:

Stäng <link>- och <meta>-taggarna ordentligt och se om det hjälper.

Den får rådamp när jag lägger till </meta> och </link> och visar nästan dubbelt så många fel, och <meta.... ="" /> är ju xhtml så jag har ingen aning om det finns något annat sätt att "stänga" taggarna.... !? :)

Även det andra problmetet kvarstår, alla divar som är deklarerade som position: absolute förlorar sin position när jag deklarerar dokumentet som Transitional, dvs. alla divar hamnar i den ordning dom är i html-dokumentet... :-/

tantenMedlem sedan nov. 20051 596 inlägg

21 dec. 2006 07:45#4

enda direkta felet jag kan se är avslutet på den här
<link rel="microsummary" href="/microsummary/hej.php" />
bort med snedstrecket.
Eftersom den gör så att resten av head också blir fel så kanske det är orsaken till varför position inte läses rätt.
Testa,,,

jarvkloMedlem sedan juli 20013 378 inlägg

21 dec. 2006 08:01#5

Just nu ligger det annan kod på din sida än den du visar upp i inlägget. Exempel:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>

Tag bort alla det där </meta> och </link> - du kör ju HTML4, och då skall <meta> och <link> bara skrivas rätt upp och ner utan "sluttaggar" - exempelvis såhär:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Gör du det och följer tantens råd om det där snedstrecket bör det bli mycket bättre med valideringen iallafall ;)

@ndersMedlem sedan juni 200032 967 inlägg

21 dec. 2006 08:07#6

Där kom experterna. (y)

Får man alltså inte avsluta dylika taggar om man inte kör xhtml?

Mvh

Danne VMedlem sedan aug. 20068 090 inlägg

21 dec. 2006 08:16#7

Förutom att du har stängt metataggarna, så tror jag inte att <HTML lang="sv"> är kosher. Du får nog inte ha nåt mer är <html> där. Inga atttribut alls.

P.g.a. felen så får validatorn inte ihop det. Koden längre ner på sidan "stämmer" inte, tycker den. Och då visar den upp väldigt konstiga saker som "fel" som är alldeles rätt.

jarvkloMedlem sedan juli 20013 378 inlägg

21 dec. 2006 08:26#8

@nders skrev:

Får man alltså inte avsluta dylika taggar om man inte kör xhtml?

Öh - ajdå, när jag *kollar* istället för att bara predika så visar det sig att jag nog var ute och SGML-cyklade lite där... :r

Ur DTD:n

<!ELEMENT META - O EMPTY               -- generic metainformation -->

"- O" = Obligatorisk starttagg, "Optional" sluttagg :r

Gammal hund - gammal vanföreställning antar jag, månne det gäller validatorn också :e

[edit:]
Däremot är lang=sv helt OK enligt DTD:erna

<!ELEMENT HTML O O (%html.content;)    -- document root element -->
<!ATTLIST HTML
  %i18n;                               -- lang, dir --
  >

och

<!ENTITY % i18n
 "lang        %LanguageCode; #IMPLIED  -- language code --
  dir         (ltr|rtl)      #IMPLIED  -- direction for weak/neutral text --"
  >

. :bire

Pontus ThorMedlem sedan juni 2002324 inlägg

21 dec. 2006 08:30#9

</META> la jag till efter tips av '@nders', men lösningen på alla problem var det 'tanten' föreslog. Fortfarande CSS problem dock... :)

jarvkloMedlem sedan juli 20013 378 inlägg

21 dec. 2006 08:32#10

hehe - bra att *det* löste sig iallafall.

Tips dock:
Misstänker att du får mer och bättre hjälp med dina CSS-positioneringsfrågor om du startar en ny tråd om det eftersom det är ett helt annat ämne än det du valt för den här tråden ;)

tantenMedlem sedan nov. 20051 596 inlägg

21 dec. 2006 10:43#11

Du har glömt att sätta in px eller vad du använder här

#land {
position: absolute; top: 6; left: 5;
margin: 3 0 3 0;
}{

och

#x1 {
position: float; float: left;
}

#x2 {
position: float; float: right;
}{

position:float finns inte.

tantenMedlem sedan nov. 20051 596 inlägg

21 dec. 2006 10:50#12

Hittade denna också som inte blivit rätt

.policy {
	font: 0.9em;
	....
} {

antingen får du skriva font-size eller lägga till font-familjer efter em

zcorpanMedlem sedan dec. 20042 245 inlägg

21 dec. 2006 15:45#13

jarvklo skrev:

Öh - ajdå, när jag *kollar* istället för att bara predika så visar det sig att jag nog var ute och SGML-cyklade lite där... :r

Ur DTD:n
<!ELEMENT META - O EMPTY               -- generic metainformation -->
"- O" = Obligatorisk starttagg, "Optional" sluttagg :r

Gammal hund - gammal vanföreställning antar jag, månne det gäller validatorn också :e

O betyder "optional" förutom för EMPTY, där det betyder "forbidden" (dock bara för sluttaggen). :)

Nu finns det ju ingen online-version av SGML-specen men vi kan ju alltid använda HTML4 som referens:

HTML4 skrev:

Start tag: required, End tag: forbidden

-- http://www.w3.org/TR/html4/struct/global.html#h-7.4.4.2

Eller fråga validatorn:

<!doctype foo [ <!element foo - o empty> ]>
<foo></foo>

jarvkloMedlem sedan juli 20013 378 inlägg

21 dec. 2006 23:25#14

Hmm...

Jag hade alltså tydligen rätt fast jag inte riktigt förstod det :P

Tacka vet jag XHTML - för i XML-baserade märkspråk är det liksom aldrig någon tvekan om vad som gäller när det gäller start- och sluttaggar ;)

Pontus ThorMedlem sedan juni 2002324 inlägg

22 dec. 2006 13:56#15

Woohoo, css och html valideras perfekt... :-D Tack alla för hjälpen med css och meta. Hade ingen aning om att position var tvunget att ges i px, trode det var standard... :)

Ska fortsätta rensa up koden, fixa html och css varningar, flyta över stil till css, se om jag kan fixa W3C WCAG P2 och W3C WCAG P3, W3C WCAG P1 följer jag redan skapligt, mm. :)