Søg
Avatar billede moghasu Praktikant
24. juli 2004 - 10:44 Der er 16 kommentarer og
1 løsning

HTML 4 kontra HTML3

Det kan godt være at mine gamle HTML3 koder trænger til at blive friskt op for tilfredsstille HTML4.
validator.w3.org gør en masse vrøvl. f.eks mener den at f.eks:
"Content-Type: text/html; charset=iso-8859-1" skal fremgå.

og: at der ikke kan skrives topmargin således:"<body topmargin=0 leftmargin=0>"

og: at height og width attributten ikke må skrives således: "<table height="100%" width="100%">

og: at der også er noget galt ved at indsætte et script der indledes således: <script language="JAVASCRIPT">.
Den vrøvler noget om; Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Kunne jeg få lidt hjælp her, på forhånd tak
Avatar billede roenving Novice
24. juli 2004 - 10:50 #1
Sådan bør det være:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="style/style.css">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>

<script language="javascript" type="text/javascript">

</script>

<script language="javascript" type="text/javascript" src="tom.js"></script>

</head>
<body>

</body>

</html>

-- og html4 er fra 1996, så måske du lige skulle tage et grundigt kig på w3c !-)
Avatar billede roenving Novice
24. juli 2004 - 10:51 #2
-- og language er ikke nødvendigt, men smart, hvis du har brugere, som ikke har skiftet computer i de sidste 10 år !-)
Avatar billede moghasu Praktikant
25. juli 2004 - 00:28 #3
Ja det må du nok sige, her er noget jeg lige må kigge lidt på.

Denne her forstår jeg ikke helt meningen med:
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
</style>

Henvender den sig også på tables og hvad nu når der er 4 tables i dokumentet ?
Avatar billede roenving Novice
25. juli 2004 - 07:00 #4
Jeg bruger den (den første del inklusive padding !-) som en all-purpose-ting på mine dokumenter, da css forudsætter en størrelse, hvis man skal give child-elementer en relativ størrelse ...

Hvis du ikke har nogle elementer, som skal have skærmstørrelse er den ligegyldig, men den skader heller ikke !o]

Ifølge standarden skal en relativ størrelse (altså f.eks. %-størrelser !-) beregnes ud fra den størrelse et omgivende element har, derfor giver jeg det ultimative omkransende element en størrelse, som kan bruges til beregningen ...

Men præcis fordi elementerne skal tage højden fra det omkransende element, kan det være et problem, hvis man f.eks. har flere ovenpå hinanden, så hvis du har flere tabeller, som ialt skal udfylde højden, er det absolut tåbeligt at bruge 100%, hvis man også bruger doctype ...
Avatar billede moghasu Praktikant
25. juli 2004 - 12:42 #5
Nu har jeg fået validator.w3.org til at synes helt pænt om siderne ved at bruge dine vejledninger.
Det eneste den brokker sig over nu er attributterne height 100% width 100% i den første table som jeg bruger for at få den næste table til at centrere sig i midten af skærmen. Hvad pokker forstår jeg forkert,- her er koderne

<body background="images/bgr.gif">
<table height="100%" width="100%" border="0">
<tr>
    <td>
<table width="760" height="440" align="center" cellspacing="2" cellpadding="2" border="0" class=box1>
Avatar billede roenving Novice
25. juli 2004 - 12:53 #6
Det er fordi et table-element slet ikke har en height-attribut ifølge standarden !-)

-- hvis du vil sætte den slags ind, skal du enten sætte højde på celler eller evt. gøre det via en style:

style="width:760px;height:440px;"

Se f.eks. http://www.w3.org/TR/html401/struct/tables.html#edef-TABLE
eller: http://blooberry.com/indexdot/html/tagpages/t/table.htm
Avatar billede roenving Novice
25. juli 2004 - 12:57 #7
-- og en nutidig centrering kunne være denne, hvis det skal være på begge leder:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Centrér på begge leder</title>
<meta name="Generator" content="Stone's WebWriter 4">
<style type="text/css">
html, body{
height:100%;
width:100%;
}
#centerDiv{
position:absolute;
top:50%;
left:50%;
height:400px;
width:400px;
margin:-200px;
background:#ff007f;
}
</style>
</head>
<body>
<div id="centerDiv"></div>
</body>
</html>

-- det kan laves enklere og mindre hasarderet hvis man kun skal centrere horisontalt !-)
Avatar billede moghasu Praktikant
25. juli 2004 - 13:25 #8
Mein got Roenving der er sket noget siden jeg lærte HTML3. Kan ikek umiddelbart finde ud af det.
Kunne morderlig godt tænke mig at se et konkret eksempel. Hvad siger du til at se på bare indexsiden af www.uip-consult.dk og lave den om til moderne standarder. Jeg skal nok hoste op med flere point
Avatar billede roenving Novice
25. juli 2004 - 13:52 #9
Ja, og jeg kan også se, at du virkelig har nogle oldgamle scripts på siden, for man skal helt tilbage til javascripts spæde start for at have behov for at konstruere et arry på den måde som dit 'Vis dato'-script gør, men det er ufarligt, og man som bekendt ikke reparere på en ting, som dur !-)

Jeg har hardcoded billed-referencer m.m. fordi jeg ellers ikke kunne se det ordentligt !-)

-- og nedenstående er valideret, så w3c synes det er valid html4.01 ...

-- og jeg har lavet et 'cowboy-trick' ved at indsætte et specielt IE-stylesheet, og i Gecko-browserne vil det kun være hrisontalt centreret, men det regner jeg med at du kan leve med !o]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>UIP Consult Privat Detektiver</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="Title" content="UIP Consult Privat Detektiver">
<meta name="Description" content="Privat og erhvervsm&aelig;ssig diskret efterforskning.">
<meta name="Keywords" content="detektiv, privatdetektiv, bureau, CV, kriminalitet, overv&aring;gning, efterforskning, privatdetektiver, detektiver, investigator, detektivbureau, detektivbureauer, forsikringssvindel, assurancesvig">

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

<meta name="Robots" content="ALL">
<meta name="Revisit-after" content="30">
<link rev=made href="mailto:mail@uip-consult.dk">
<meta name="Copyright" content="UIP Consult">
<meta http-equiv="Reply-to" content="mail@uip-consult.dk">
<meta http-equiv="Content-language" content="dan">
<meta name="DC.Title" content="UIP Consult Privatdetektiver">
<meta name="DC.Description" content="Privat og erhvervsm&aelig;ssig diskret efterforskning.">
<meta name="DC.Subject" content="detektiv, privatdetektiv, bureau, CV, kriminalitet, overv&aring;gning, efterforskning, privatdetektiver, detektiver, investigator, detektivbureau, detektivbureauer, forsikringssvindel, assurancesvig">
<meta name="DC.Rights" content="UIP Consult">
<meta name="DC.Date" scheme="ISO8601" content="2004-04-07">
<meta name="DC.Identifier" content="www.uip-consult.dk">
<meta name="DC.Language" scheme="NISOZ39.50" content="dan">


<script language="javascript" type="text/javascript">
    <!--   
        //CREATE AN ARRAY
        function SetNameArray(item)
            {
                this.length = item
                return this
            }
   
        //SET MONTH AND WEEKDAY NAME ARRAYS
        Month = new SetNameArray(12)
        Month[1] = "jan"
        Month[2] = "feb"
        Month[3] = "marts"
        Month[4] = "april"
        Month[5] = "maj"
        Month[6] = "juni"
        Month[7] = "juli"
        Month[8] = "aug"
        Month[9] = "sep"
        Month[10] = "okt"
        Month[11] = "nov"
        Month[12] = "dec"
       
        WeekDay = new SetNameArray(7)
        WeekDay[1] = "S&oslash;ndag"
        WeekDay[2] = "Mandag"
        WeekDay[3] = "Tirsdag"
        WeekDay[4] = "Onsdag"
        WeekDay[5] = "Torsdag"
        WeekDay[6] = "Fredag"
        WeekDay[7] = "L&oslash;rdag"

        //CALC THE DATE INFORMATION
        function TodaysDate(theDate)
            {
                var theWeekDay = WeekDay[theDate.getDay() + 1]
                var theMonth = Month[theDate.getMonth() + 1]
                var theYear = theDate.getFullYear() + 0
                                   
                return theWeekDay + " " + theDate.getDate() + ". " + theMonth + ". " + theYear
            }
    //-->
    </script>
<link rel="stylesheet" type="text/css" href="http://www.uip-consult.dk/style.css">

<style type="text/css">
html,body{height:100%;width:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#content{position:absolute;width:760px;height:440px;margin:auto;}
</style>
<!--[if IE]>
<style type="text/css">
#content{position:absolute;width:760px;height:440px;top:50%;left:50%;margin-left:-380px;margin-top:-220px;}
</style>
<![endif]-->


</head>

<body background="http://www.uip-consult.dk/images/bgr.gif">
<table id="content" align="center" cellspacing="2" cellpadding="2" border="0" class=box1>
<tr>
    <td rowspan="3" width="18%">   
    <table cellpadding="10" border="0" style="line-height:18px;width:100%;height:100%" class=box1>
<tr>
    <td height="132"><img src="http://www.uip-consult.dk/images/world.gif" width="125" height="132" alt="International Investigation" border="0"></td>
</tr>
<tr>
    <td>
    <font color="#909090">
    <img src="http://www.uip-consult.dk/images/pil.gif" width="12" height="10" alt="" border="0">
    <font color="#FFFFFF">Forside</font><br>
    <a href="sager.html">Sagseksempler</a><br>   
    <a href="ref.html">Referencer</a><br>
    <a href="resultat.html">Resultater</a><br>
    <a href="vejledning.html">Gode r&aring;d</a><br>
    <a href="presse.html">Presse</a><br>
   
    <a href="kontakt.html">Kontakt/Om</a><br></font>
    </td>
</tr>
<tr>
    <td height="100">
<div align="center"><a href="http://www.danske-detektiver.dk" target="_blank"><img src="http://www.uip-consult.dk/images/fdde-logo.gif" width="70" height="70" alt="Foreningen Danske Detektiver og Erhvervsefterforskere F.D.D.E." border="0"><br><font size="1" color="#909090">Board member</font></a></div></td>
</tr>
</table>   
   
    </td>
    <td align="center" height="80" colspan="2">
    <img src="http://www.uip-consult.dk/images/logo_dk.gif" width="510" height="46" alt="United International Detectives" border="0"><br><font color="#909090" size="1"><script language="javascript" type="text/javascript">
    <!--
        document.write(TodaysDate(new Date()))
    //-->
    </script></font></td>
  <td rowspan="3" align="center" width="8%"><img src="http://www.uip-consult.dk/images/copyright.gif" width="12" height="133" alt="Copyright www.uip-consult.dk" border="0"></td>
</tr>
<tr>
    <td bgcolor="#ffffff" height="310" colspan="2">
<table cellspacing="0" cellpadding="10" border="0" class=box2>
<tr>
    <td colspan="3">
UIP Consult er en detektiv - og konsulentvirksomhed, der besk&aelig;ftiger sig med privat og erhvervsm&aelig;ssig diskret efterforskning b&aring;de nationalt og internationalt.<br>
<p>
UIP Consult kan bl.a. tage sig af det, som politiet ikke har tid til, og sager der ligger uden for deres omr&aring;de. Se <a href="sager.html">sagseksempler</a>
<p>
<a href="kontakt.html">Kontakt</a> UIP Consult n&aring;r De har et problem!<br>
Inden for gruppen r&aring;der vi over begge k&oslash;n, og har flere ekspertiser samt udstyr.
<p>
<div align="center"><img src="http://www.uip-consult.dk/images/dem.jpg" width="502" height="66" alt="Detektiv - overv&aring;gning - efterforskning" border="0"></div>
    </td>
</tr>
<tr>
    <td height="30" width="30">&nbsp;</td>
<td align="center"><!-- <a href="http://www.uip-consult.dk/world/index.html">
<img src="http://www.uip-consult.dk/images/flag_uk.gif" width="31" height="20" alt="" border="0"><br>
<font size="1">Choose english</font></a> --></td>
    <td width="30">&nbsp;</td>
</tr>
</table>
    </td>
</tr>
<tr>
    <td height="45"><font color="#909090" size="1">UIP Consult . M&aring;gevej 29 . 2400 K&oslash;benhavn NV<br>Telefon: 70 27 17 11 . Mobiltelefon: 20 62 77 33    . Fax: 70 27 17 25<br>
E-mail: <a href="mailto: mail@uip-consult.dk ">mail@uip-consult.dk</a></font>
</td>
<td valign="bottom"><font color="#909090" size="1">... CVR. nr. 25362608</font></td>
</tr></table></body></html>
Avatar billede roenving Novice
25. juli 2004 - 14:03 #10
-- og så skal jeg lige kommentere dine keywords:

I dag er det dumt at sætte keywords ind, hvis ikke de afspejler en tekst, som står på en fremtrædende plads !-)

Det søgemaskinerne bruger keywords til, er nemlig at validere din troværdighed, så hvis du skriver ord, som ikke forekommer i det aktuelle dokument, vil siden for det første overhovedet ikke fremkomme under en søgning på de(t) ord, for det andet vil siden blive rykket nedad i søgeresultatet for de ord, som i virkeligheden findes, fordi du er utroværdig !o]

Kig på Bufferzones artikler om søgemaskiner ...

-- og jeg har overhovedet ikke kigget på nogle af de andre ting i dit dokument, for f.eks. font-tagget er deprecated, så man kan ligesågodt begynde at vænne sig til at benytte de nye formatteringstags, som er spans ...

F.eks. i den sidste linje:

<td valign="bottom"><span style="color:#909090;font-size:xx-small;">... CVR. nr. 25362608</span></td>
Avatar billede moghasu Praktikant
25. juli 2004 - 16:06 #11
Roenving,- rigtig mange tak for hjælpen, også rådene omkring søgeordene.
Jeg har tidligere (14 dage siden) læst Bufferzones udmærkede artikler og mailet sammen via bufferzone.dk. Jeg ved ikke om han er på ferie for han svarer ikke tilbage. Men det er vigtigt for mig at søgemaskinerne kan få godt fat. Der kommer et tilvarende site (den udenlandske del) med et andet design på .com adressen og jeg har ganske enkelt brug for hjælp til optimering til søgemaskinerne.

Jeg lovede nogle flere point,- hvordan klarer vi dén ?, og vil du komme tilbage med et svar så du kan få dine velfortjente point.
Avatar billede roenving Novice
25. juli 2004 - 16:10 #12
Du behøver ikke at give flere point her !-)

Men du kan sagtens forøge antallet, så længe du ikke har godkendt et svar, for så kan du oppe til venstre under Funktioner finde 'Afsæt flere point' ...

-- og velbekomme '-)
Avatar billede moghasu Praktikant
25. juli 2004 - 16:52 #13
Hovsa ! Nu virker en indsat Iframe på en anden side ikke. Feltet hvor den skal være er ganske enkelt helt hvidt
Avatar billede roenving Novice
25. juli 2004 - 16:55 #14
Hvordan ser koden ud ?-)
Avatar billede moghasu Praktikant
25. juli 2004 - 17:12 #15
<td><iframe width="100%" height="100%" src="iframevejl.html"></iframe></td>
Avatar billede roenving Novice
25. juli 2004 - 17:17 #16
Er det den eneste celle i tabellen ?-)

-- men umiddelbart ville jeg prøve med:

<td><iframe style="width:100%;height:100%" src="iframevejl.html"></iframe></td>
Avatar billede moghasu Praktikant
25. juli 2004 - 17:54 #17
Hele tabellen indeholder kun den celle og ser nu sådan ud (og virker ikke)

<table cellspacing="0" cellpadding="0" border="0" style="width:100%;height:100%" class=box2>
<tr>
    <td><iframe style="width:100%;height:100%" src="iframevejl.html"></iframe></td>
</tr>
</table>
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »