Avatar billede clausga Nybegynder
13. april 2005 - 18:50 Der er 11 kommentarer

Lave HTML kode pænt

Ja kunne godt tænke mig at lave koden på min index side "pænt" så den bliver læst ens af alle browsere og er lavet korrekt, hvordan gør man de.... ville det hjælpe hvis i kunne se min index side ? den fylder ikke så meget!
Avatar billede busschou Praktikant
13. april 2005 - 18:53 #1
du kan evt give et link
Avatar billede busschou Praktikant
13. april 2005 - 18:58 #2
Følgende er ingen garanti for at din side ser godt ud i samtlige browsere
Men hvis du validerer dine sider så har du i hvert fald garanti for at du har kodet siden korrekt :o)
http://www.w3schools.com/site/site_validate.asp
Avatar billede clausga Nybegynder
13. april 2005 - 19:00 #3
Har ikke et link da det ikke er færdigt endnu, her er koden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>side titel</TITLE>

</head>
<body background="dotback.bmp" topmargin="0" leftmargin="0" link="#336699" vlink="#336699" alink="#336699">

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#000000" width="650" id="AutoNumber1" height="99%">
    <tr>
      <td width="100%" height="100" bgcolor="#FFFFFF" style="border-left-style: solid; border-left-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
      <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
        <tr>
          <td width="33%">
          <p align="center">
        <img border="0" src="logo3.jpg" width="150" height="64"></a></td>
          <td width="33%">
          <img border="0" src="toppermiddel.jpg" width="238" height="100"></td>
          <td width="34%" style="border-right-style: solid; border-right-width: 1px">
          <img border="0" src="top.jpg" width="232" height="100"></td>
        </tr>
      </table>
      </td>
    </tr>
    <tr>
      <td width="100%" height="20" bgcolor="#446699" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-style: none; border-bottom-width: medium" valign="bottom">

Menu



</td>
    </tr>
    <tr>
      <td width="100%" style="border-top-style: solid; border-top-width: 0px">
      <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="100%">
        <tr>
          <td width="100%" bgcolor="#FFFFFF" valign="top" style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px">


Indhold




</td>
        </tr>
      </table>
      </td>
    </tr>
    <tr>
      <td width="600%" height="25" bgcolor="#000000">
      <p align="center"><font face="Verdana" size="1" color="#FFFFFF">INFO</font></td>
    </tr>
  </table>
</body>

</html>
Avatar billede busschou Praktikant
13. april 2005 - 19:03 #4
prøv at lægge siden op
Jeg har lige forsøgt og validatoren giver en del "små fejl"
Men det er næsten for meget at lægge dem alle herind :o)
Avatar billede busschou Praktikant
13. april 2005 - 19:07 #5
Du kan også få dem her alligevel :o)
-------------------
  1.
      Line 7, column 41: there is no attribute "TOPMARGIN"

  2.
      Line 7, column 56: there is no attribute "LEFTMARGIN"
  3.

      Line 11, column 98: there is no attribute "BORDERCOLOR"
  4.

      Line 11, column 144: there is no attribute "HEIGHT"
  5.

      Line 18, column 63: required attribute "ALT" not specified

  6.

      Line 18, column 67: end tag for element "A" which is not open

  7.

      Line 20, column 73: required attribute "ALT" not specified
  8.

      Line 22, column 64: required attribute "ALT" not specified
  9.

      Line 58, column 6: end tag for "CENTER" omitted, but its declaration does not permit this

      </body>
  10.

      Line 10, column 2: start tag was here

      <center>
  11.

      Line 58, column 6: end tag for "DIV" omitted, but its declaration does not permit this

      </body>
  12.

      Line 9, column 0: start tag was here

      <div align="center">
Avatar billede clausga Nybegynder
13. april 2005 - 19:09 #6
http://galle.users.whitehat.dk/ her ligger den godtnok uden billeder
Avatar billede clausga Nybegynder
13. april 2005 - 19:11 #7
og hvad betyder alle de ting så :) ?
Avatar billede busschou Praktikant
13. april 2005 - 19:11 #8
ok så kan du se de mere beskrivende fejlmedelelser her
http://validator.w3.org/check?uri=http%3A%2F%2Fgalle.users.whitehat.dk%2F
Dem bør du til at starte med gennemgå så du til sidst ikke får nogen fejl
Avatar billede busschou Praktikant
13. april 2005 - 19:13 #9
Fx det her
Line 18, column 67: end tag for element "A" which is not open
Kig i koden på den linje der står
<img border="0" src="logo3.jpg" width="150" height="64"></a></td>
Det den brokker sig over er "</a>"
Det gør den fordi der ikke er nogen "<a>" foran.
Og alle tags skal jo afsluttes
I dette tilfælde tror jeg blot du skal fjerne dit "</a>"
Avatar billede busschou Praktikant
13. april 2005 - 19:16 #10
Alle dem hvor der står
required attribute "ALT" not specified
Det er dine billeder. De skal have en alt="blabla" defineret
Det er den alternative tekst som kan fremkomme
Det hele er hængt op på din doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Den fortæller at al din kode er af den givne type
Og den type har fx så ingen topmargin eller leftmargin
Hvis der er nogen af dem du er i tvivl om så kig evt på
www.w3schools.com under det angivne tag
Avatar billede clausga Nybegynder
13. april 2005 - 19:16 #11
ja ok den havde jeg også selv fanget ;D
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