Avatar billede Slettet bruger
25. september 2004 - 20:00 Der er 11 kommentarer og
1 løsning

Html-fejl

Hej, hvad er der galt med denne html kode?

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

<html>

<head>
<title>JBH v1.0</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>

<body>

<div id="box0"><img src="style/billeder/logo.JPG" title="JBH v1.0"></div>
<div id="box1"><p id="tekst1">Velkommen</p></div>
<div id="menu"><p id="tekst3">Menu</p></div>
<div id="box2"><p id="tekst2">Hej, denne side er mit første forsøg på at lave en hjemmeside i notesblok via html og CSS. Jeg prøver at få det til at se ordentlig ud i Mozilla..</p></div>
<a href="http://jigsaw.w3.org/css-validator/"><img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!">
</a>
</p>
</body>

</html>

------------------------------------------------------------
Den er valid CSS, men den ser ikke alt for heldigt ud i f. eks mozilla

se her.. www.jesperposter.1go.dk

tak på forhånd :)
Avatar billede Slettet bruger
25. september 2004 - 20:22 #1
Prøv at sætte en DOCTYPE-linie på og se, hvad der sker. Det er nemlige meget lettere at få forskellige browsere til at vise samme side ens, når de prøver at overholde reglerne, og for at de kan det, skal de jo lige vide, hvilke regler du bruger først.

Jeg fandt også lige to småfejl:

i din css under box1: background : dfdfdf; skal være background : #dfdfdf;

og i din HTML er der en </p> for meget til sidst.
Avatar billede Slettet bruger
25. september 2004 - 20:29 #2
Tak det hjalp faktisk med at der kom en bg farve under logoet i mozilla :)

Men det der Velkommen sidder ikke helt hvor det skal og den store boks mangler åbenbart nogen pixels i bredden..

Men hvordan sætter jeg en DOCTYPE linie ind? og hvor skal den være
Avatar billede Slettet bruger
25. september 2004 - 20:33 #3
Da jeg kan se, at du ønsker at udseende skal styres med CSS, vil jeg anbefale denne DOCTYPE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Og den skal bare være det allerførste på siden - før linien med <html>.
Avatar billede Slettet bruger
25. september 2004 - 20:39 #4
Ok har jeg lige prøvet så.. men den kommer stadig med denne meddelse når jeg prøver at validere:

"No Character Encoding Found! Falling back to UTF-8.I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents.

So what should I do? Tell me more...

Sorry, I am unable to validate this document because on line 16 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication."

Men jeg kan da lige prøve at se lidt på det link hvor der står hvordan man udbedrer det..
Avatar billede Slettet bruger
25. september 2004 - 20:43 #5
Sæt denne linie ind i din <head>

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

De andre løsninger, der står nævnt er mere relevant, hvis man har sin egen server eller bruger et scriptsprog til at lave siderne. (Og man bør have den linie alligevel.)
Avatar billede Slettet bruger
25. september 2004 - 20:53 #6
Så vidt så godt :)

jeg fik rettet linie 18, hvor der skulle være et <p></p> tag

Men jeg kan ikke helt hitte ud hvordan jeg retter dette?:

Line 14, column 66: required attribute "ALT" not specified

...<img src="style/billeder/logo.JPG" title="JBH v1.0"></div>

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.
Avatar billede Slettet bruger
25. september 2004 - 20:59 #7
Der SKAL være en alt-attribut for alle billeder. Hvis billedet er udelukkende pynt, bør man bare sætte en tom alt som i <img src="style/billeder/logo.JPG" title="JBH v1.0" alt=""> men i netop dette tilfælde indeholder billedet jo noget tekst, så jeg vil foreslå:

<img src="style/billeder/logo.JPG" title="JBH v1.0" alt="JBH">
Avatar billede Slettet bruger
25. september 2004 - 21:03 #8
Layout-problemet kan nok løses ved at lade være med at sætte height på #box1
Avatar billede Slettet bruger
25. september 2004 - 21:10 #9
Jo tak, nu begynder det at ligne noget, den er valid nu, og jeg har nu fået fjernet heigt på #box1, men nu er der en stor boks rundtomkring samtidig med at at den box0 er lidt for lang

Men kigger lige lidt på det..
Avatar billede Slettet bruger
25. september 2004 - 21:15 #10
Så vil jeg foreslå at sætte margin-top og margin-bottom til noget passende på box1 (og muligvis også på box0)
Avatar billede Slettet bruger
25. september 2004 - 21:49 #11
Nu ser det sådan set fint nok ud, bortset fra teksten som jeg ikke ved hvordan jeg skal få justeret til mozilla, og den store box som er 3px længere i mozilla end i internet explorer

Men jeg synes lige du skal lægge et svar så du kan få nogle points :)
Avatar billede Slettet bruger
25. september 2004 - 22:39 #12
OK
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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