/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Validering af CSS
Fra : Lasse Jensen


Dato : 20-02-03 12:33

Hej derude...

Nu er jeg gået videre med min kode, og er nu kommet til en fase
med CSS.

CSS stykket ser sådan ud:

<STYLE type="text/css">

      <!--

      width: 100%;
      height:2000;
      background-color: na;
      padding:0 100 0
      

      A:link {COLOR: #0000FF}
      A:visited {COLOR: #800080}
      A:active {COLOR: #0000FF}
      
      -->
   
      </STYLE>

Stykket kan også findes på www.dvdoo.subnet.dk/css.html

Hvis jeg validere stykket får jeg nogle fejl.

Første fejl:

Line: 12
Parse Error - : 100%; height:2000; background-color: na;
padding:0 100 0 A:link

Hvad er fejlen der?

På forhånd tak

Med venlig hilsen Lasse Jensen.



--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

 
 
Jens Gyldenkærne Cla~ (20-02-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-02-03 12:46

Lasse Jensen skrev:

> width: 100%;
> height:2000;
> background-color: na;
> padding:0 100 0

Hvilken html-kode skal ovenstående linjer gælde for? Det har du
ikke specificeret, og det er derfor validatoren brokker sig.

css-kode i styleblokke består af en række erklæringen på formen

FOO {
       width: 500px;
       ...
}

- hvor FOO kan være en html-kode (fx p, body, a), en
klasseangivelse (.minklasse, .blaatekst), en id-specifikation
(#idPaaElement) eller evt. en kombination.

Egenskaber kan altså ikke stå alene - de skal knyttes til en eller
flere koder. Det sker ved at skrive kodens navn først og så placere
egenskaberne mellem { og }. Hver enkelt egenskab/værdi-par skal
afsluttes med semikolon.


Derudover skal der sættes enheder (fx "px", "em", "%") på alle
størrelsesangivelser (man behøver dog ikke specificere det ved 0,
men det skader ikke). I de linjer der er citeret her bruger du hhv.
2000 og 100 uden at angive hvilken enhed der er tale om.

Sidste fejl i det citerede stykke er at du specificerer "na" som en
farveværdi. Den er ikke gyldig. Der er et lille antal navngivne
farver (fx "red", "blue", "white") og ellers kan farver fx skrives
på formen "#0033FF" (# markerer en farvekode, 00, 33 og FF er
hexadecimale værdier for farveindholdet af rød, grøn og blå).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Lasse Jensen (24-02-2003)
Kommentar
Fra : Lasse Jensen


Dato : 24-02-03 08:35

Jens GyldenkærneClausen skrev:
> Lasse Jensen skrev:
>
> > width: 100%;
> > height:2000;
> > background-color: na;
> > padding:0 100 0
>
> Hvilken html-kode skal ovenstående linjer gælde for? Det har du
> ikke specificeret, og det er derfor validatoren brokker sig.

Det ved jeg ikke. Da jeg lavede min forside, fandt jeg bare alle
koderne et eller andet sted og satte dem ind. Jeg ved ikke hvad det
skal gælde for. Nogen forslag? Koden kan ses på
www.dvdoo.subnet.dk/index.html
>
> css-kode i styleblokke består af en række erklæringen på formen
>
> FOO {
>        width: 500px;
>        ...
> }
>
> - hvor FOO kan være en html-kode (fx p, body, a), en
> klasseangivelse (.minklasse, .blaatekst), en id-specifikation
> (#idPaaElement) eller evt. en kombination.

Vil det sige at den skal se sådan ud f. eks?

body {

width: 500px;
...
}

Det gjorde den også før, men da fik jeg ad víde at CSS skulle være i
head, og så kan der jo ikke være body, derfor fjernede jeg det.

> Egenskaber kan altså ikke stå alene - de skal knyttes til en eller
> flere koder. Det sker ved at skrive kodens navn først og så placere
> egenskaberne mellem { og }. Hver enkelt egenskab/værdi-par skal
> afsluttes med semikolon.

Kodens navn, hvad mener du?
>
>
> Derudover skal der sættes enheder (fx "px", "em", "%") på alle
> størrelsesangivelser (man behøver dog ikke specificere det ved 0,
> men det skader ikke). I de linjer der er citeret her bruger du hhv.
> 2000 og 100 uden at angive hvilken enhed der er tale om.

Okay, hvad vil du skyde på det skal være? Den første det er 100%,
anden tror jeg skal være 2000px og den tredie ved jeg ikke. Det er
kun gæt.
>
> Sidste fejl i det citerede stykke er at du specificerer "na" som en
> farveværdi. Den er ikke gyldig. Der er et lille antal navngivne
> farver (fx "red", "blue", "white") og ellers kan farver fx skrives
> på formen "#0033FF" (# markerer en farvekode, 00, 33 og FF er
> hexadecimale værdier for farveindholdet af rød, grøn og blå).

Det kender jeg godt

På forhånd tak

Med venlig hilsen

--------------------------

Lasse Jensen
www.dvdoo.subnet.dk


--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

Erik Ginnerskov (24-02-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 24-02-03 18:45


"Lasse Jensen" <lassejensen@adslhome.dk> skrev
> Jens GyldenkærneClausen skrev:
> > Lasse Jensen skrev:
> >
> > > width: 100%;
> > > height:2000;
> > > background-color: na;
> > > padding:0 100 0
> >
> > Hvilken html-kode skal ovenstående linjer gælde for? Det har du
> > ikke specificeret, og det er derfor validatoren brokker sig.
>

[snip]

> > - hvor FOO kan være en html-kode (fx p, body, a), en
> > klasseangivelse (.minklasse, .blaatekst), en id-specifikation
> > (#idPaaElement) eller evt. en kombination.
>
> Vil det sige at den skal se sådan ud f. eks?
>
> body {
> width: 500px;
> ...
> }
>
> Det gjorde den også før, men da fik jeg ad víde at CSS skulle være i
> head, og så kan der jo ikke være body, derfor fjernede jeg det.
>

Det kunne eventuelt være en ide at bruge et par timer på at studere
http://www.html.dk/tutorials/css/
eller mine to sider:
www.hjemmesideskolen.dk/html/css2.asp
www.hjemmesideskolen.dk/html/stylesheet.asp

Det kunne hjælpe dig med at forstå de svar, du har fået her i gruppen.

--
Med venlig hilsen
Erik Ginnerskov - erik snabela ginnerskov dot dk
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/sorgin



Lasse Jensen (24-02-2003)
Kommentar
Fra : Lasse Jensen


Dato : 24-02-03 22:17

Erik Ginnerskov skrev:

> Det kunne eventuelt være en ide at bruge et par timer på at studere
> http://www.html.dk/tutorials/css/
> eller mine to sider:
> www.hjemmesideskolen.dk/html/css2.asp
> www.hjemmesideskolen.dk/html/stylesheet.asp
>
> Det kunne hjælpe dig med at forstå de svar, du har fået her i gruppen.

Hej Erik.

Det skal jeg så gøre, så må jeg hive i trådene igen, hvis der stadig er
noget jeg ikke forstår, og det er der sikkert.

Med venlig hilsen

--------------------------

Lasse Jensen
www.dvdoo.subnet.dk

--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

Jens Gyldenkærne Cla~ (24-02-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 24-02-03 11:56

Lasse Jensen skrev:

>> Hvilken html-kode skal ovenstående linjer gælde for?

> Det ved jeg ikke.

Så slet dem.

>> css-kode i styleblokke består af en række erklæringen på
>> formen

[snip]

> Vil det sige at den skal se sådan ud f. eks?
>
> body {
>
> width: 500px;
> ...
> }


Ja.

> Det gjorde den også før,


Nej.

> men da fik jeg ad víde at CSS skulle være i head, og så kan der
> jo ikke være body, derfor fjernede jeg det.


CSS-koden skal stå i <head>-delen af et dokument. Inde i css-koden
kan der fx stå "body { width: 500px; }". Efter head-delen _skal_
der stå <body> - uanset om der er stylekode til den eller ej.
Før havde du (så vidt jeg husker) placeret stylekoden sammen med
body-koden.

Strukturen bliver altså:

<-doctypeerklæring->
<html>
<head>
   <-titel, tegnsætdeklaration og andet headerkode->
   <style type="text/css">
   <!--
       body {
           width: 500px;
       }
   -->
   </style>
</head>
<body>
-Tekst og koder til body-
</body>
</html>

Du kan forhåbentlig se forskellen fra dit tidligere forsøg.


>> Egenskaber kan altså ikke stå alene - de skal knyttes til en
>> eller flere koder. Det sker ved at skrive kodens navn først

> Kodens navn, hvad mener du?

Hvis du skal sætte style på body-elementet skriver man "body",
style på p-elementet sættes med "p" etc. (navnet skrives inde i
style-blokken, som eksemplet med body ovenfor).


> Okay, hvad vil du skyde på det skal være? Den første det er
> 100%, anden tror jeg skal være 2000px og den tredie ved jeg
> ikke. Det er kun gæt.

Jeg vil ikke skyde på noget. Du går i mine øjne den gale vej når du
prøver at gætte hvad der skal stå i koden i stedet for at se på din
side og beslutte dig for hvordan den skal se ud. Overvej hvorfor et
element skal have en fast bredde eller højde - og hvis det er
tilfældet, skal det så være en bredde der er bestemt i forhold til
vinduesstørrelsen (altså en procentsats) eller en fast defineret
bredde (pixels).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Lasse Jensen (01-03-2003)
Kommentar
Fra : Lasse Jensen


Dato : 01-03-03 19:26

Hej igen.

Nu har jeg læst en del om CSS her på det sidste. Nu skal jeg til
og igang igen. Jeg har lidt travlt, da jeg egentlig har lovet
besøgende på min hjemmeside at min hjemmeside ville stå klar den
1/6 - 2003, men der er jo ikke så lang tid igen så jeg har godt
travlt. Nå nu til sagen.

Min CSS kode ser sådan ud:

<STYLE type="text/css">

      <!--
      body {
      width: 100%;
      height:2000px;
      background-color: white;
      padding:0 100 0
      

      A:link {COLOR: #0000FF}
      A:visited {COLOR: #800080}
      A:active {COLOR: #0000FF}
      }
      -->
   
      </STYLE>

Jeg har rettet noget af koden som I sagde jeg skulle. Men der er
flere fejl.

Første fejl:

Line: 12 Context : body
Invalid number : paddingattempt to find a semi-colon before the
property name. add it

Det er noget med et semikolon der mangler, eller et semikolon der
skal være før navnet, eller hvad?

Anden fejl:

Line: 2 Context : body
Invalid number : paddingonly 0 can be a length. You must put an
unit after your number : 0 100 0

Ja, der mangler en benævnelse + o er ikke en længde, så der skal
vel bare stå 100 en eller anden benævnelse istedet, ikke også?

Tredie fejl:

Line: 12 Context : body
Property a doesn't exist : link

Der er jeg til gengæld lost?

Fjerde fejl:

Line: 12 Context : body
Parse Error - {COLOR: #0000FF}

Igen lidt lost?

Og femte og sidste fejl:

Line: 15
Parse error - Unrecognized : }

Hvad mener de?


På forhånd mange mange tak

Med venlig hilsen Lasse Jensen.


--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

Lasse Reichstein Nie~ (01-03-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 01-03-03 19:43

Lasse Jensen <lassejensen@adslhome.dk> writes:

> <STYLE type="text/css">
>
>       <!--
>       body {
>       width: 100%;
>       height:2000px;
>       background-color: white;
>       padding:0 100 0
>       
>
>       A:link {COLOR: #0000FF}
>       A:visited {COLOR: #800080}
>       A:active {COLOR: #0000FF}
>       }
>       -->
>    
>       </STYLE>
>
> Jeg har rettet noget af koden som I sagde jeg skulle. Men der er
> flere fejl.
>
> Første fejl:
....
> Det er noget med et semikolon der mangler, eller et semikolon der
> skal være før navnet, eller hvad?

Der mangler semikolon efter padding-linjen. Altsaa
padding: 0 100px 0;

> Anden fejl:
....
> Ja, der mangler en benævnelse + o er ikke en længde, så der skal
> vel bare stå 100 en eller anden benævnelse istedet, ikke også?

Jo, du mener sandsynligvis pixels, så 100 skal være 100px. Man behøver
ikke sætte en enhed efter nul, men det skader ikke, så jeg foretrækker
at skrive
padding: 0px 100px 0px;

>
> Tredie fejl:
>
> Line: 12 Context : body
> Property a doesn't exist : link
>
> Der er jeg til gengæld lost?

Du har sæt slut-tuborg'en ("}") der matcher
body {
helt nede til sidst. Den skal være før a:link-linjen.
Derfor tror den at a:link er en egenskab ved body, og det er den ikke.

> Fjerde fejl:
>
> Line: 12 Context : body
> Parse Error - {COLOR: #0000FF}
>
> Igen lidt lost?

Følger af den foregående fejl. Validatoren er (med god grund)
skrupforvirret. Skulle forsvinde hvis du sætter tuborgen rigtigt.

> Og femte og sidste fejl:
>
> Line: 15
> Parse error - Unrecognized : }

Her står den tuborg der er forkert.

/L
--
Lasse Reichstein Nielsen - lrn@brics.dk
Ph.D. i datalogi søger stilling som software-udvikler i Øst- eller
Nordjylland. Curriculum Vitae: <URL:http://www.brics.dk/~lrn/cv.html>

Lasse Jensen (01-03-2003)
Kommentar
Fra : Lasse Jensen


Dato : 01-03-03 23:34

Hej Lasse.

Det var rart med lidt hjælp. Især, fordi at det virkede og der en 0 fejl
i koden nu.

Mange tak til dig Lasse, og til jer andre

Med venlig hilsen

------------------------

Lasse Jensen
www.dvdoo.subnet.dk


--
Danmarks største specialiserede IT jobdatabase
- Udelukkende med IT- og internetrelaterede jobs
- Opret en profil og lad drømmejobbet finde dig
KLIK HER! => http://www.html.dk/job

Søg
Reklame
Statistik
Spørgsmål : 177506
Tips : 31968
Nyheder : 719565
Indlæg : 6408561
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste