Avatar billede larsjansen Nybegynder
28. september 2008 - 15:13 Der er 18 kommentarer og
1 løsning

xhtml validate

hejsa.

jeg sidder og kæmper lidt med nogle billeder jeg ikke helt kan få vist korrekt på min hjemmeside.

er der nogen af jer der måske udfra w3 validator kan se hvor fejlen ligger?
eller evt i kilden?

http://d11573.monline.dk/Lars/egnevaerker.html

dette er linket til den side, hvor mine billeder burde være.

i min css har jeg angivet følgende værdier for billederne, som ligger i div'en "egne" :

#egne {

        position:fixed;
        top: 300px;
        left: 476px;
        width: 500px;
        height; 700px;
        overflow:auto;

Nogen ideer?
Avatar billede w13 Novice
28. september 2008 - 15:18 #1
Kunne det tænkes at være fordi du skriver:

<a href="eifel.html" <img src="eifel.jpg" with="125" height="170" /></a>

? :)

I XHTML skal det være:

<a href="eifel.html"><img src="eifel.jpg" with="125" height="170" /></a>
Avatar billede w13 Novice
28. september 2008 - 15:18 #2
Og så bør du i øvrigt også have en alt-attribut på dine billeder.
Avatar billede w13 Novice
28. september 2008 - 15:21 #3
Derudover bør du nok rette de 35 andre fejl, som W3C's validator skriver.

F.eks. skal <html> som du har skrevet mellem </head> og <body> fjernes.

Og du kan ikke skrive:

  <ul>
    <a href="index.html" title="Tilbage til forsiden">forside</a> | <a href="egnevaerker.html" title="Mine egne projekter">egne projekter</a> | <a href="gruppeprojekter.html" title="Gruppe projekter"Gruppe projekter">gruppe projekter</a> | <a href="kontakt.html" title="Kontakt info">kontakt</a> | <a href="cv.html" title="Mit CV">cv</a>
  </ul>

Her mangler du helt nogle <li>-elementer. Du kan nemlig ikke bare lægge a-tags i en ul uden li-tags omkring. Så bare slet <ul> og </ul> helt.
Avatar billede w13 Novice
28. september 2008 - 15:21 #4
Og så hedder det width på dine billeder, ikke with :)
Avatar billede larsjansen Nybegynder
28. september 2008 - 15:22 #5
Jeg prøver engang :)

en alt attribut - her mener du tekst eller hvad, ikke?
Avatar billede w13 Novice
28. september 2008 - 15:22 #6
Og du har også skrevet </a/>, som jo bare skal være </a> :)
Avatar billede w13 Novice
28. september 2008 - 15:23 #7
Normalt sætter man en alt-attribut på alle billeder sådan her:

<img alt="Mand på en hest" src="..." width="..." height="..." />

eller:

<img alt="Kontakt" src="..." width="..." height="..." />

eller lign.
Så kan skærmlæsere og Google også forstå billedet.
Avatar billede olebole Juniormester
28. september 2008 - 15:23 #8
<ole>

- men det har jo intet med XHTML 1.0 Strict at gøre, når du server dokumentet som 'text/html'. XHTML 1.0 Strict er XML og må ikke serves som HTML:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538

/mvh
</bole>
Avatar billede olebole Juniormester
28. september 2008 - 15:25 #9
- og så giver denne syntaks renderingsforskelle mellem forskellige browsere:

<a href="InDesign.pdf" <img src="indesign_page_1.jpg" with="125" height="170" /></a>
</div>

- i stedet bør du skrive:

<a href="InDesign.pdf" <img src="indesign_page_1.jpg" with="125" height="170" /></a></div>

Det gælder altid, når det sidste indhold i et block element er inline indhold
Avatar billede w13 Novice
28. september 2008 - 15:28 #10
olebole>> Og så bare med afsluttet A-åbnings-tag også. :)
Avatar billede larsjansen Nybegynder
28. september 2008 - 15:31 #11
Puuha, jeg er ude på dybt vand :)

Er lige startet med html så det er ret nyt for mig.

Jeg har rettet lidt af fejlene, men nu ryger men menu så ud af sit rette centrerede element da jeg fjernede <ul></ul>
Avatar billede larsjansen Nybegynder
28. september 2008 - 15:31 #12
billederne virker forresten stadig ikke :)
Avatar billede larsjansen Nybegynder
28. september 2008 - 15:40 #13
<ole>

- men det har jo intet med XHTML 1.0 Strict at gøre, når du server dokumentet som 'text/html'. XHTML 1.0 Strict er XML og må ikke serves som HTML:
    http://www.eksperten.dk/artikler/537
    http://www.eksperten.dk/artikler/538

/mvh
</bole>

dette forstår jeg ikke rigtig :)

Kan du udpege hvad jeg skal ændre min tekst i dokumentet til så? både på html siden og css'en?
Avatar billede w13 Novice
28. september 2008 - 15:50 #14
Nej, billederne viser nu, at de ikke findes, og ganske rigtigt. http://d11573.monline.dk/Lars/eifel.jpg findes ikke. =)
Avatar billede olebole Juniormester
28. september 2008 - 15:52 #15
Jeg vil råde dig til at læse de to artikler, da jeg tvivler på, du helt forstår, hvad XHTML er. Sagen er faktisk, at XHTML i virkeligheden slet ikke er understøttet på WWW  ;o)
Avatar billede w13 Novice
28. september 2008 - 15:54 #16
Du skal nok rette:

#menu {
        position:fixed;
        top: 25px;
        left: 435px;
        font-size:20px;
        font-family:Georgia, "Times New Roman", Times, serif;
}

til:

#menu {
        position:fixed;
        top: 25px;
        left: 435px;
        font-size:20px;
        font-family:Georgia, "Times New Roman", Times, serif;
        text-align:center;
}

for at få dine links centreret, når du fjerner ul.
Avatar billede olebole Juniormester
28. september 2008 - 15:56 #17
- og du bør efter min mening helt klart holde dig til HTML 4.01 Strict, indtil XHTML bliver mere færdig (mindst version 2.0) og den er understøttet af browserne - og det kan sagtens tage en del år endnu.
Indtil da er der absolut ingen - hverken brugere eller browsere - der har den mindste glæde af din 'XHTML' kode  ;o)

De rettelser, du får af w13, kan du dog sagtens bruge i HTML 4.01 Strict, da markup forskellene på de to standarder er ganske små
Avatar billede larsjansen Nybegynder
28. september 2008 - 15:58 #18
Jeg kan bare ik forstå det, for når jeg åbner siden offline, altså bare selve html dokumentet, så virker billederne fint, med links osv.
Avatar billede w13 Novice
28. september 2008 - 15:59 #19
Det er vel fordi billederne ikke ligger på serveren? Når du ser siden på din computer, henter den billederne fra din computer, men en server kan jo ikke gå ind og vise billeder fra lige netop din computer. De skal derfor upload til serveren i samme mappe som siden, dvs. mappen "Lars".
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