Avatar billede pesa Nybegynder
21. november 2001 - 20:09 Der er 15 kommentarer og
1 løsning

<body> og <center> problemer

Jeg er igang med at oprette en webside og jeg ønsker at den skal opfylde standarderne for XHTML. Når jeg får det valideret hos W3.org får jeg følgende fejlmeddelelser:






Below are the results of checking this document for XML well-formedness and validity.

Line 27, column 14:
  <body bgcolor=\"#ffffff\" topmargin=\"0\" marginheight=\"0\">
                ^
Error: there is no attribute \"bgcolor\" for this element (in this HTML version)

Line 27, column 34:
  <body bgcolor=\"#ffffff\" topmargin=\"0\" marginheight=\"0\">
                                    ^
Error: there is no attribute \"topmargin\" for this element (in this HTML version)

Line 27, column 51:
  <body bgcolor=\"#ffffff\" topmargin=\"0\" marginheight=\"0\">
                                                    ^
Error: there is no attribute \"marginheight\" for this element (in this HTML version)

Line 29, column 7:
  <center>
        ^
Error: element \"center\" not defined in this HTML version

Line 37, column 24:
  <td class=\"top2\"><center><b>Side 1</b></center></td>
                          ^
Error: element \"center\" not defined in this HTML version

Line 38, column 24:
  <td class=\"top2\"><center><b>Side 2</b></center></td>
                          ^
Error: element \"center\" not defined in this HTML version

Line 39, column 24:
  <td class=\"top2\"><center><b>Side 3</b></center></td>
                          ^
Error: element \"center\" not defined in this HTML version

Line 40, column 24:
  <td class=\"top2\"><center><b>Side 4</b></center></td>
                          ^
Error: element \"center\" not defined in this HTML version


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

Sorry, this document does not validate as XHTML 1.0 Strict.

If you use CSS in your document, you should also check it for validity using the W3C CSS Validation Service.


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

Source Listing
Below is the source input I used for this validation:

  1: <?xml version=\"1.0\" encoding=\"iso-8859-1\"?>
  2: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"DTD/xhtml1-strict.dtd\">
  3: <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"da\">
  4:
  5: <head>
  6:
  7:     <title>Sidens titel</title>
  8:
  9: <style type=\"text/css\">
  10: td.top        {background-color:    #cccccc;
  11:         font-family:         verdana, tahoma, arial;
  12:         font-size:        11;
  13:         height:            60px;
  14:         color:            #ffffff; }
  15: td.top2        {background-color:    #999999;
  16:         font-family:         verdana, tahoma, arial;
  17:         font-size:        11;
  18:         height:            17px;
  19:         color:            #ffffff; }
  20: td.space    {background-color:    #ffffff;
  21:         height:            2px; }
  22: </style>
  23:
  24: </head>
  25:
  26:
  27: <body bgcolor=\"#ffffff\" topmargin=\"0\" marginheight=\"0\">
  28:
  29: <center>
  30:
  31:
  32: <table width=\"760\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\">
  33: <tr>
  34: <td class=\"top\" colspan=\"4\"><img src=\"blank.gif\" alt=\"\"></img></td>
  35: </tr>
  36: <tr>
  37: <td class=\"top2\"><center><b>Side 1</b></center></td>
  38: <td class=\"top2\"><center><b>Side 2</b></center></td>
  39: <td class=\"top2\"><center><b>Side 3</b></center></td>
  40: <td class=\"top2\"><center><b>Side 4</b></center></td>
  41:
  42: </tr>
  43: </table>
  44:
  45:
  46: </center>
  47:
  48:
  49:
  50:
  51: </body>
  52:
  53:
  54: </html>







Der er altså noget galt i mit <body>-tag. Hvordan får man endvidere centreret tekst i XHTML når man åbenbart ikke må bruge <center></center>?

På forhånd tak!


/pesa
Avatar billede nute Nybegynder
21. november 2001 - 20:13 #1
de eneste \"attributter\" som er tillatt i <body> tagget er eventene \'onload\' og \'onunload\'. *alt* annet er deprecated du skal legge dine attributter i et stylesheet.

istedenfor <center> skal du benytte <div align=\"center\">

/nute
Avatar billede lestrata Nybegynder
21. november 2001 - 20:16 #2
Nu kender jeg ikke noget til XHTML, men i HTML skal man bruge
<div align=\"center\">centreret tekst</div> for at centrere tekst.

Hvad er XHTML egentelig?
Avatar billede nute Nybegynder
21. november 2001 - 20:17 #3
det hjelper kanskje litt å kikke i HTML spesifikasjonen...;)

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

center:
dette tag finner du ikke i spesifikasjonen engang...
Avatar billede nute Nybegynder
21. november 2001 - 20:18 #4
Avatar billede pesa Nybegynder
21. november 2001 - 20:22 #5
nute>>> Tak for linket. Jeg synes dog IKKE at der står noget om hvordan man undgår de 10 yderste og øverste pixels. Hvordan gør man så det?

<div align=\"center\"></div> : Tak!
Avatar billede pesa Nybegynder
21. november 2001 - 20:22 #6
Avatar billede pesa Nybegynder
21. november 2001 - 20:24 #7
lestrata>>> Kort fortalt er XHTML den nyeste udgave af HTML. Det forventes af mange at XHTML vil blive den gængse standard i fremtiden og det er derfor allerede nu en MEGET god idé at stikke næsen indenfor på dette område.
Avatar billede nute Nybegynder
21. november 2001 - 20:25 #8
som jeg skrev, så skal du legge attributtene opp i ditt stylesheet:

CSS spesifikasjonen:
http://www.w3.org/TR/REC-CSS1

margins/paddings:
http://www.w3.org/TR/REC-CSS1#box-properties
Avatar billede pesa Nybegynder
21. november 2001 - 20:40 #9
nute>>>Så er jeg næsten ved at være der. W3.org siger dog stadig, at der er en fejl når jeg prøver at udføre en centrering. Se nedenstående:






Below are the results of checking this document for XML well-formedness and validity.

Line 36, column 11:
  <div align=\"center\">
            ^
Error: there is no attribute \"align\" for this element (in this HTML version)


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

Sorry, this document does not validate as XHTML 1.0 Strict.

If you use CSS in your document, you should also check it for validity using the W3C CSS Validation Service.


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

Source Listing
Below is the source input I used for this validation:

  1: <?xml version=\"1.0\" encoding=\"iso-8859-1\"?>
  2: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"DTD/xhtml1-strict.dtd\">
  3: <html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"da\">
  4:
  5: <head>
  6:
  7:     <title>Sidens titel</title>
  8:
  9: <style type=\"text/css\">
  10: BODY         {
  11:          margin-top:         0em;
  12:          margin-right:         0em;
  13:          margin-bottom:         0em;
  14:          margin-left:         0em;
  15:         background-color:    #ffffff; }
  16:
  17: td.top        {background-color:    #cccccc;
  18:         font-family:         verdana, tahoma, arial;
  19:         font-size:        11;
  20:         height:            60px;
  21:         color:            #ffffff; }
  22: td.top2        {background-color:    #999999;
  23:         font-family:         verdana, tahoma, arial;
  24:         font-size:        11;
  25:         height:            17px;
  26:         color:            #ffffff; }
  27: td.space    {background-color:    #ffffff;
  28:         height:            2px; }
  29: </style>
  30:
  31: </head>
  32:
  33:
  34: <body>
  35:
  36: <div align=\"center\">
  37:
  38:
  39: <table width=\"760\" border=\"0\" cellspacing=\"2\" cellpadding=\"0\">
  40: <tr>
  41: <td class=\"top\" colspan=\"4\"><img src=\"blank.gif\" alt=\"\"></img></td>
  42: </tr>
  43: <tr>
  44: <td class=\"top2\"><div align=\"center\"><b>Side 1</b></div></td>
  45: <td class=\"top2\"><div align=\"center\"><b>Side 2</b></div></td>
  46: <td class=\"top2\"><div align=\"center\"><b>Side 3</b></div></td>
  47: <td class=\"top2\"><div align=\"center\"><b>Side 4</b></div></td>
  48: </tr>
  49: </table>
  50:
  51:
  52: </div>
  53:
  54:
  55:
  56:
  57: </body>
  58:
  59:
  60: </html>




Skal man skrive noget andet når man ønsker centrering af en tabel end når man ønsker centrering af tekst?
Avatar billede nute Nybegynder
21. november 2001 - 20:47 #10
validér til transitional istedenfor strict...
Avatar billede pesa Nybegynder
21. november 2001 - 20:51 #11
Så lykkedes det!

Men alligevel synes jeg det kræver en forklaring. På html.dk læser jeg nemlig:

Strict DTD
Vælges hvis man ønsker at kode efter den anbefalede standard.

Transitional DTD
Vælges hvis man har behov for at benytte elementer som f.eks. <font> - f.eks. af hensyn til meget forældede browsere.

Strict DTD bør vel så være det man skal følge eller hvad? Kan problemet ikke løses så man fortsat kan bruge strict?
Avatar billede nute Nybegynder
21. november 2001 - 20:58 #12
jeg er klar over forskjellen...og hvordan de skal benyttes

jeg sitter her og prøver å finne en forklaring til deg (fordi jeg visste dette spørsmålet ville komme), men jeg må innrømme at det er litt vanskeligere enn jeg trodde.

\"problemet\" ligger i at det ikke er en desidert \'align\' style...en attributt for å sentrere elementer. Jeg synes det er litt merkelig aat jeg ikke kan finne noen, så jeg håper egentlig  bare på at det er meg som begynner å miste synet.

jeg leter litt mer, og poster en kommentar når/hvis jeg kan finne en fornuftig forklaring...
Avatar billede nute Nybegynder
21. november 2001 - 20:59 #13
jeg er klar over forskjellen...og hvordan de skal benyttes

jeg sitter her og prøver å finne en forklaring til deg (fordi jeg visste dette spørsmålet ville komme), men jeg må innrømme at det er litt vanskeligere enn jeg trodde.

\"problemet\" ligger i at det ikke er en desidert \'align\' style...en attributt for å sentrere elementer. Jeg synes det er litt merkelig aat jeg ikke kan finne noen, så jeg håper egentlig  bare på at det er meg som begynner å miste synet.

jeg leter litt mer, og poster en kommentar når/hvis jeg kan finne en fornuftig forklaring...
Avatar billede nute Nybegynder
21. november 2001 - 21:17 #14
det ser faktisk ut til at jeg er nødt til å skuffe deg (og meg selv) ved å si at det ikke finnes en måte å sentrere  layers via css :-|

jeg skriver dette med forbehold om at noen som kjenner standarden litt bedre enn meg kommer og avkrefter min \"frykt\", men umiddelbart ser det ikke så lyst ut :-|

/nute
Avatar billede pesa Nybegynder
21. november 2001 - 22:45 #15
Ja, det lyder da ret trist! :-(

Men tak for din iver efter altid at hjælpe! :-)
Avatar billede nute Nybegynder
21. november 2001 - 22:46 #16
anytime :)

selv takk
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester