---

Hej.

Jeg er igang med at kode min egen hjemmeside op. Lige nu er jeg
midt i "nyheds systemet".
Jeg bygger min hjemmside op i tabeller.
Den ser således ud:
<table>
<tr>
<td>menu</td>
<td>nyheder</td>
<td>sponsor</td>

Nu er det så meningen, at mit nyhedssystem kan glide ind under
"td - nyhed", derfor skal jeg lade den stå åben.
Så den ser sådan ud:
<td>menu</td>
<td>nyheder

Problemet er at jeg gerne vil have den sidste "td" med. Nogen
måde at kunne gøre det på?

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris wrote in dk.edb.internet.webdesign.html:
> Hej.
>
> Jeg er igang med at kode min egen hjemmeside op. Lige nu er jeg
> midt i "nyheds systemet".
> Jeg bygger min hjemmside op i tabeller.
> Den ser således ud:
> <table>
> <tr>
> <td>menu</td>
> <td>nyheder</td>
> <td>sponsor</td>
>
> Nu er det så meningen, at mit nyhedssystem kan glide ind under
> "td - nyhed", derfor skal jeg lade den stå åben.
> Så den ser sådan ud:
> <td>menu</td>
> <td>nyheder
>
> Problemet er at jeg gerne vil have den sidste "td" med. Nogen
> måde at kunne gøre det på?
>
> //Haris.
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials

I kan evetuelt se hjemmesiden på: www.koderi.ooz.dk/website ,
hvis det skulle hjælpe.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris:
> haris wrote in dk.edb.internet.webdesign.html:
>> Hej.
>>
>> Jeg er igang med at kode min egen hjemmeside op. Lige nu er jeg
>> midt i "nyheds systemet".
>> Jeg bygger min hjemmside op i tabeller.
>> Den ser således ud:
>> <table>
>> <tr>
>> <td>menu</td>
>> <td>nyheder</td>
>> <td>sponsor</td>
>>
>> Nu er det så meningen, at mit nyhedssystem kan glide ind under
>> "td - nyhed", derfor skal jeg lade den stå åben.
>> Så den ser sådan ud:
>> <td>menu</td>
>> <td>nyheder
>>
>> Problemet er at jeg gerne vil have den sidste "td" med. Nogen
>> måde at kunne gøre det på?
>>
>> //Haris.
>>
>> --
>> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
>> - Pædagogiske tutorials på dansk
>> - Kom godt i gang med koderne
>> KLIK HER! => http://www.html.dk/tutorials
>
> I kan evetuelt se hjemmesiden på: www.koderi.ooz.dk/website ,
> hvis det skulle hjælpe.

Pudsigt.
Siden har ikke nogen doc-type, så browsere er i quirs mode, og ingen
kan forudsige hvordan tingene vises - bortset fra at det nok ikke er
ens i forskellige browsere.
Den er ikke opbygget som du beskriver. Derimod med en tabel til hver
afdeling. (En tabel med en række og en søjle... Hvorfor?)
Du snakker om at medtage nyheder - siden giver en fejl om login...

Hvis jeg forstår dig rigtigt, er det du gerne vil temmelig enkelt at
"bygge", med div'er og CSS - hvorfor ønsket om at gøre det kompliceret
ved at det absolut skal proppes ind i tabellers uoverskuelighed?

Til dit spørgsmål.
Der er vist ikke andet at gøre, end at indsætte det man vil have mellem
der hvor man er nået til, og der hvor man vil ende. Måske misforstår
jeg spørgsmålet...
include en fil - du bruger php i forvejen, så det der skal være kan
lægges i en separat fil. Man kan også kalde funktioner, der generer
indholdet. Men du kan ikke nå til slutningen, på anden vis end at
indsætte det manglende.
Javascipt kan indsætte indhold og elementer. Bare ikke elementer i
tabeller (tr, td, th and what have you), uden at gå over DOM.

Men helt ærligt - drop de tabeller, og brug HTML/CSS i stedet.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

haris skrev:
> Hej.
>
> Jeg er igang med at kode min egen hjemmeside op. Lige nu er jeg
> midt i "nyheds systemet".
> Jeg bygger min hjemmside op i tabeller.
> Den ser således ud:
> <table>
> <tr>
> <td>menu</td>
> <td>nyheder</td>
> <td>sponsor</td>
>
> Nu er det så meningen, at mit nyhedssystem kan glide ind under
> "td - nyhed", derfor skal jeg lade den stå åben.
> Så den ser sådan ud:
> <td>menu</td>
> <td>nyheder
>
> Problemet er at jeg gerne vil have den sidste "td" med. Nogen
> måde at kunne gøre det på?

Start forfra.

Grundlaget for en webside, der genereres af noget
serverside script må altid være en ganske normal
HTML-side hvor alle elementerne og deres indhold
i det mindste er simuleret. Når en sådan skabelon
er på plads kan man vel se på, hvad der skal genereres
af en server.

Man koder efter min overbevisning ikke en en hjemmeside
op i PHP, ASP, JSP eller hvad der nu ellers kommer på
tale uden at have en HTML-skabelon at forholde sig til.

Tror jeg da. Ikke fordi jeg har prøvet.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

Jørgen Farum Jensen wrote:

> Grundlaget for en webside, der genereres af noget
> serverside script må altid være en ganske normal
> HTML-side hvor alle elementerne og deres indhold
> i det mindste er simuleret.

Ikke alene må, det skal, hvis slutresultatet skal være forudsigeligt. Uanset
valg af serverside-sprog vil output til browser være html.

> Når en sådan skabelon
> er på plads kan man vel se på, hvad der skal genereres
> af en server.

Ret præcis formulering.

> Man koder efter min overbevisning ikke en en hjemmeside
> op i PHP, ASP, JSP eller hvad der nu ellers kommer på
> tale uden at have en HTML-skabelon at forholde sig til.
>
> Tror jeg da. Ikke fordi jeg har prøvet.

Du kan trygt ændre tro til viden her. Man kan lave meget sjovt i
serversidescripting, men det skal i sidste ende munde ud i et html-opmærket
indhold på helt samme måde som hvis det var en statisk html-side.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Jørgen Farum Jensen wrote:
>
> > Grundlaget for en webside, der genereres af noget
> > serverside script må altid være en ganske normal
> > HTML-side hvor alle elementerne og deres indhold
> > i det mindste er simuleret.
>
> Ikke alene må, det skal, hvis slutresultatet skal være forudsigeligt. Uanset
> valg af serverside-sprog vil output til browser være html.
>
> > Når en sådan skabelon
> > er på plads kan man vel se på, hvad der skal genereres
> > af en server.
>
> Ret præcis formulering.
>
> > Man koder efter min overbevisning ikke en en hjemmeside
> > op i PHP, ASP, JSP eller hvad der nu ellers kommer på
> > tale uden at have en HTML-skabelon at forholde sig til.
> >
> > Tror jeg da. Ikke fordi jeg har prøvet.
>
> Du kan trygt ændre tro til viden her. Man kan lave meget sjovt i
> serversidescripting, men det skal i sidste ende munde ud i et html-opmærket
> indhold på helt samme måde som hvis det var en statisk html-side.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://ginnerskov.dk
> http://vestfynswebdesign.dk - http://html-faq.dk
>

Hey.

Jeg ved godt at min "tabel" ser lidt for uoverskuelig ud, men sådan ville jeg
have det. Skal vist kode det en del om kan jeg høre.
-Birger:
Har ikke brugt doc-type, da jeg synes det ikke er det vigtigste. Når jeg får
kodet det vigtige, kan jeg tænke på doc.
Login er ikke kodet. Det er bare design!
Mange "store" hjemmesider er bygget op i tabeller, og det er nemmest, så hvorfor
begynde på css/html?
-Jørgen:
Jeg ved ikke om jeg har forstået dig ret, men jeg har en skabelon. Hvis du
eventuelt vil tjekke den er det på: www.koderi.ooz.dk/website/skabelon.php
Bliver i stedet for nød til at bruge includes til det, jeg vil lave.
-Erik:
Tak for "rettelsen". Jeg går ud fra, at jeg vil kode den om. (:

- Tak for de gode respons.
//Haris.


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris skrev:

> Mange "store" hjemmesider er bygget op i tabeller, og det er nemmest, så hvorfor
> begynde på css/html?

Fordi table-design giver nogle strukturelle problemer. Bl.a. så kan man
ret hurtigt risikere, at man skal bruge tabeller i tabeller, og det er
altså ikke sjovt at sidde og rette i designet på alle sider så. Desuden,
så tilføjer det din HTML på hver enkelt side en ekstrakode, som ikke
nødvendigvis kommer med CSS. CSSen bliver gemt i browserens cashe, og
genhentes fra gang til gang, og vil kun gøre en side umærkbart
langsommere første gang den hentes.

Hvis du ikke er meget disciplineret, kan specielt tabeller i tabeller
udgøre nogle tilgængelighedsproblemer, bl.a. fordi en skærmlæser måske
ikke vil læse dit indhold lineært så. Ligeså hvis du vil ændre i
designet, der skal du ændre på en masse tabelceller, hvilket ikke er
logisk. Alt det kan man bedre styre med CSS, hvor man så at sige lægger
designet ovenpå HTMLen. CSS-sheetet lægger man i en ekstern fil, og her
retter man så i designet på alle siderne på én gang.

Man _kan_ lave tilgængelge sider i tabeller, og det behøver heller ikke
påvirke SEO negativt hvis man ellers er disciplineret, men det er bare
lettere i CSS. Det tager lidt tid at lære, men jeg tror ingen, som har
lært det, har lyst til at gå tilbage til table.


MVH
Rune Jensen

---

Rune Jensen wrote in dk.edb.internet.webdesign.html:
> haris skrev:
>
> > Mange "store" hjemmesider er bygget op i tabeller, og det er nemmest, så hvorfor
> > begynde på css/html?
>
> Fordi table-design giver nogle strukturelle problemer. Bl.a. så kan man
> ret hurtigt risikere, at man skal bruge tabeller i tabeller, og det er
> altså ikke sjovt at sidde og rette i designet på alle sider så. Desuden,
> så tilføjer det din HTML på hver enkelt side en ekstrakode, som ikke
> nødvendigvis kommer med CSS. CSSen bliver gemt i browserens cashe, og
> genhentes fra gang til gang, og vil kun gøre en side umærkbart
> langsommere første gang den hentes.
>
> Hvis du ikke er meget disciplineret, kan specielt tabeller i tabeller
> udgøre nogle tilgængelighedsproblemer, bl.a. fordi en skærmlæser måske
> ikke vil læse dit indhold lineært så. Ligeså hvis du vil ændre i
> designet, der skal du ændre på en masse tabelceller, hvilket ikke er
> logisk. Alt det kan man bedre styre med CSS, hvor man så at sige lægger
> designet ovenpå HTMLen. CSS-sheetet lægger man i en ekstern fil, og her
> retter man så i designet på alle siderne på én gang.
>
> Man _kan_ lave tilgængelge sider i tabeller, og det behøver heller ikke
> påvirke SEO negativt hvis man ellers er disciplineret, men det er bare
> lettere i CSS. Det tager lidt tid at lære, men jeg tror ingen, som har
> lært det, har lyst til at gå tilbage til table.
>
>
> MVH
> Rune Jensen

Hey.

-Rune:
Når du siger det, mener du så generelt, eller med de "boxer/tabeller". Så det vil
være bedre at bruge "div'er" hvorefter man sætter "width, backgroundcolor, height,
float osv" i css? Jeg kan give dig ret i det med at tabeller giver problemer. Men jeg
vil da prøve jeres "forslag".
Men det lyder da som en fordel.

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris sendte dette med sin computer:
> Jeg ved godt at min "tabel" ser lidt for uoverskuelig ud, men sådan ville jeg
> have det. Skal vist kode det en del om kan jeg høre.
> -Birger:
> Har ikke brugt doc-type, da jeg synes det ikke er det vigtigste. Når jeg får
> kodet det vigtige, kan jeg tænke på doc.
> Login er ikke kodet. Det er bare design!

Så længe du ikke har en doctype, kan du ikke regne med det du ser på
skærmen.
Doctypen bestemmer hvilket "sprog" der tales - eller i hvert fald
dialekten. Og der er mange ting der tolkes anderledes eller slet ikke
fungerer efter hensigten, når browserne er i "quirks".

Tabeller er til præsentation af tabulære data. Designet er ikke
tabulære data.

Det er lidt vanskeligere at designe med HTML/CSS end det er med
tabellerne.
Til gengæld er det mange gange nemmere at vedligeholde (rette, tilføje
fjerne).
Tanken med HTML/CSS er at adskille indhold og form.
Det gør tingene betydeligt mere overskuelige og fleksible.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> haris sendte dette med sin computer:
> > Jeg ved godt at min "tabel" ser lidt for uoverskuelig ud, men sådan ville jeg
> > have det. Skal vist kode det en del om kan jeg høre.
> > -Birger:
> > Har ikke brugt doc-type, da jeg synes det ikke er det vigtigste. Når jeg får
> > kodet det vigtige, kan jeg tænke på doc.
> > Login er ikke kodet. Det er bare design!
>
> Så længe du ikke har en doctype, kan du ikke regne med det du ser på
> skærmen.
> Doctypen bestemmer hvilket "sprog" der tales - eller i hvert fald
> dialekten. Og der er mange ting der tolkes anderledes eller slet ikke
> fungerer efter hensigten, når browserne er i "quirks".
>
> Tabeller er til præsentation af tabulære data. Designet er ikke
> tabulære data.
>
> Det er lidt vanskeligere at designe med HTML/CSS end det er med
> tabellerne.
> Til gengæld er det mange gange nemmere at vedligeholde (rette, tilføje
> fjerne).
> Tanken med HTML/CSS er at adskille indhold og form.
> Det gør tingene betydeligt mere overskuelige og fleksible.
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>

Hej Birger.

Tak skal du have for det med "doc."

Jamen er det muligt at bygge hjemmesiden op med selve designet, som med tabeller
på: www.koderi.ooz.dk/website

- Kan godt se at det er nemmere.

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris wrote in dk.edb.internet.webdesign.html:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> > haris sendte dette med sin computer:
> > > Jeg ved godt at min "tabel" ser lidt for uoverskuelig ud, men sådan ville jeg
> > > have det. Skal vist kode det en del om kan jeg høre.
> > > -Birger:
> > > Har ikke brugt doc-type, da jeg synes det ikke er det vigtigste. Når jeg får
> > > kodet det vigtige, kan jeg tænke på doc.
> > > Login er ikke kodet. Det er bare design!
> >
> > Så længe du ikke har en doctype, kan du ikke regne med det du ser på
> > skærmen.
> > Doctypen bestemmer hvilket "sprog" der tales - eller i hvert fald
> > dialekten. Og der er mange ting der tolkes anderledes eller slet ikke
> > fungerer efter hensigten, når browserne er i "quirks".
> >
> > Tabeller er til præsentation af tabulære data. Designet er ikke
> > tabulære data.
> >
> > Det er lidt vanskeligere at designe med HTML/CSS end det er med
> > tabellerne.
> > Til gengæld er det mange gange nemmere at vedligeholde (rette, tilføje
> > fjerne).
> > Tanken med HTML/CSS er at adskille indhold og form.
> > Det gør tingene betydeligt mere overskuelige og fleksible.
> >
> > Birger
> >
> > --
> > http://varmeretter.dk - billig, sund og hurtig mad
> > http://bbsorensen.dk
> >
> >
>
> Hej Birger.
>
> Tak skal du have for det med "doc."
>
> Jamen er det muligt at bygge hjemmesiden op med selve designet, som med tabeller
> på: www.koderi.ooz.dk/website
>
> - Kan godt se at det er nemmere.
>
> //Haris.
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials

Hey Birger.

Tak for hjælpen vdr. doc!
Jeg har nu fået det til at virke med includes.
Nu virker tabellen som den skal.

Evt. se den: www.koderi.ooz.dk/website

Jeg vil lægge vægt i det med html/css. Virker godt.

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris wrote:


> Tak for hjælpen vdr. doc!
> Jeg har nu fået det til at virke med includes.
> Nu virker tabellen som den skal.
>
> Evt. se den: www.koderi.ooz.dk/website

Stadig ingen DocType. Heller ikke nogen ContentType eller title. Stadig en
masse tabeller anvendt til noget, tabeller ikke er beregnet til. Og en pæn
sjat uafsluttede tags og forældede koder.

Trods indførelse af css stadig definitioner i html, hvor det burde være
lavet i css.

Validering er en by i Rusland:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.koderi.ooz.dk%2Fwebsite%2F

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.koderi.ooz.dk%2Fwebsite%2F

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

Erik Ginnerskov skrev:
> haris wrote:
>
>
>> Tak for hjælpen vdr. doc!
>> Jeg har nu fået det til at virke med includes.
>> Nu virker tabellen som den skal.
>>
>> Evt. se den: www.koderi.ooz.dk/website
>
> Stadig ingen DocType. Heller ikke nogen ContentType eller title. Stadig
> en masse tabeller anvendt til noget, tabeller ikke er beregnet til. Og
> en pæn sjat uafsluttede tags og forældede koder.
>
> Trods indførelse af css stadig definitioner i html, hvor det burde være
> lavet i css.

Monikke, det er fordi at tabeller langt henad vejen er ret ligeglad med
doc type. Problemet med tabeldesign er dog stadig strukturen, hvilket
man vil sande, hvis siden bliver bare lidt mere avanceret end et todelt
design. Det bliver vildt uoverskueligt.

Den helt store fejl i mange sites er, at man ikke starter med at have
indholdet struktureret fra start. Så er det meget nemmere at sætte
HTML-tags på og dermed give indholdet mening, og derefter at give det et
design med CSS.

Includes løser ikke problemerne med ustruktureret tabel-design. Det
udsætter højst problemerne til senere. At lave struktureret og
tilgængeligt design kræver IMO langt mere med tables end at lave det med
CSS. Omend det måske nok er muligt.

Mht. søgemaskiner, så kan netop uafsluttede tags og fejlkode (i
allerværste fald) give et uventet resultat, sådan at siden indekseres
dårligere (f.eks. en <span> i stedet for en <h1> eller manglende <title>).

Validator... Det er ikke sådan at valide sider i sig selv har større
chancer ifbm. SEO, for det kræver santidig, at man forstår validatorens
fejlmeddelelser. I den reting er den ikke bedre end en Word-spell-check,
som jo ikke tjekker om en sætning giver mening. Men den er absolut en
stor hjælp til grundlæggende fejlrettelse. Det samme gælder, hvis man
vil lave tilgængelige sider, sådan at blinde f.eks. også kan følge med.
Plus, at man kan få ret svære problemer med at lægge JS på siden, hvis
den har fejl i forvejen (specielt uafsluttede tags, kunne jeg forestille
mig).


MVH
Rune Jensen

---

Rune Jensen wrote in dk.edb.internet.webdesign.html:
> Erik Ginnerskov skrev:
> > haris wrote:
> >
> >
> >> Tak for hjælpen vdr. doc!
> >> Jeg har nu fået det til at virke med includes.
> >> Nu virker tabellen som den skal.
> >>
> >> Evt. se den: www.koderi.ooz.dk/website
> >
> > Stadig ingen DocType. Heller ikke nogen ContentType eller title. Stadig
> > en masse tabeller anvendt til noget, tabeller ikke er beregnet til. Og
> > en pæn sjat uafsluttede tags og forældede koder.
> >
> > Trods indførelse af css stadig definitioner i html, hvor det burde være
> > lavet i css.
>
> Monikke, det er fordi at tabeller langt henad vejen er ret ligeglad med
> doc type. Problemet med tabeldesign er dog stadig strukturen, hvilket
> man vil sande, hvis siden bliver bare lidt mere avanceret end et todelt
> design. Det bliver vildt uoverskueligt.
>
> Den helt store fejl i mange sites er, at man ikke starter med at have
> indholdet struktureret fra start. Så er det meget nemmere at sætte
> HTML-tags på og dermed give indholdet mening, og derefter at give det et
> design med CSS.
>
> Includes løser ikke problemerne med ustruktureret tabel-design. Det
> udsætter højst problemerne til senere. At lave struktureret og
> tilgængeligt design kræver IMO langt mere med tables end at lave det med
> CSS. Omend det måske nok er muligt.
>
> Mht. søgemaskiner, så kan netop uafsluttede tags og fejlkode (i
> allerværste fald) give et uventet resultat, sådan at siden indekseres
> dårligere (f.eks. en <span> i stedet for en <h1> eller manglende <title>).
>
> Validator... Det er ikke sådan at valide sider i sig selv har større
> chancer ifbm. SEO, for det kræver santidig, at man forstår validatorens
> fejlmeddelelser. I den reting er den ikke bedre end en Word-spell-check,
> som jo ikke tjekker om en sætning giver mening. Men den er absolut en
> stor hjælp til grundlæggende fejlrettelse. Det samme gælder, hvis man
> vil lave tilgængelige sider, sådan at blinde f.eks. også kan følge med.
> Plus, at man kan få ret svære problemer med at lægge JS på siden, hvis
> den har fejl i forvejen (specielt uafsluttede tags, kunne jeg forestille
> mig).
>
>
> MVH
> Rune Jensen

Hey.

Før i kommer med alle de store "fejl" såsom doc, slutning af tabeller og alt
det andet, skal i vide at jeg er ny indenfor kodning.
Til afslutning af tabeller har jeg en include jeg bruger, som lukker det
hele.

Har lagt meta ind nu.
Jeg arbejder på at få ordnet "doc-type"!

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris skrev:

> Før i kommer med alle de store "fejl" såsom doc, slutning af tabeller og alt
> det andet, skal i vide at jeg er ny indenfor kodning.
> Til afslutning af tabeller har jeg en include jeg bruger, som lukker det
> hele.

Nu ikke en personlig kritik. Jeg har selv haft mit hyr med at overbevise
folk om DIV i stedet for table, og det kommer altid tilbage til - hvor
nemt er det at lære og bruge? Og de har sådan set ret...

Det er desværre det springende punkt, at havde der ikke været alle de
browserbugs at tage hensyn til, samt de ting i standarden, som _ikke_
understøttes af diverse browsere, så ville DIV være uendeligt meget
nemmere end det er nu.

Det skal så siges, at det vil blive lettere, når IE6 uddør, for den
udgør 80% af problemerne, og den står virkelig i vejen for nye
standarder. Derfor er der nok nogle stykker, som gerne ser det ske i en
fart.

Det bedste ville være hvis alle IE-brugere gik direkte til IE8 eller
skiftede til en reel standardoverholdende browser som f.eks.
Firefox/Opera, men nok ikke resalistisk.


MVH
Rune Jensen

---

haris kom med denne ide:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>> haris sendte dette med sin computer:
>>> Jeg ved godt at min "tabel" ser lidt for uoverskuelig ud, men sådan ville
>>> jeg have det. Skal vist kode det en del om kan jeg høre.
>>> -Birger:
>>> Har ikke brugt doc-type, da jeg synes det ikke er det vigtigste. Når jeg
>>> får kodet det vigtige, kan jeg tænke på doc.
>>> Login er ikke kodet. Det er bare design!
>>
>> Så længe du ikke har en doctype, kan du ikke regne med det du ser på
>> skærmen.
>> Doctypen bestemmer hvilket "sprog" der tales - eller i hvert fald
>> dialekten. Og der er mange ting der tolkes anderledes eller slet ikke
>> fungerer efter hensigten, når browserne er i "quirks".
>>
>> Tabeller er til præsentation af tabulære data. Designet er ikke
>> tabulære data.
>>
>> Det er lidt vanskeligere at designe med HTML/CSS end det er med
>> tabellerne.
>> Til gengæld er det mange gange nemmere at vedligeholde (rette, tilføje
>> fjerne).
>> Tanken med HTML/CSS er at adskille indhold og form.
>> Det gør tingene betydeligt mere overskuelige og fleksible.
>>
>> Birger
>>
>> --
>> http://varmeretter.dk - billig, sund og hurtig mad
>> http://bbsorensen.dk
>>
>>
>
> Hej Birger.
>
> Tak skal du have for det med "doc."
>
> Jamen er det muligt at bygge hjemmesiden op med selve designet, som med
> tabeller på: www.koderi.ooz.dk/website
>
> - Kan godt se at det er nemmere.
>
> //Haris.

Hvis du kan forestille dig det, kan det lade sig gøre...
Det er fantasien der sætter grænser - i modsætning til tabel-design...

Mht. dine problemer med doc-type, så brug denne - i hvert fald indtil
den giver dig problemer.
Sørg for at rette de fejl der findes ved validering - ellers forstår
browserne ikke hvad du er ude på.

http://validator.w3.org/ -validerer HTML
http://jigsaw.w3.org/css-validator/ -validerer CSS
Spørg hvis der er fejl du ikke forstår.

Dokumentation kan findes mange steder. Jeg foretrækker disse :
http://www.w3.org/TR/html401/
http://www.w3.org/TR/CSS21/

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen frembragte:
> haris kom med denne ide:
>> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>>> haris sendte dette med sin computer:
>>>> Jeg ved godt at min "tabel" ser lidt for uoverskuelig ud, men sådan ville
>>>> jeg have det. Skal vist kode det en del om kan jeg høre. -Birger: Har
>>>> ikke brugt doc-type, da jeg synes det ikke er det vigtigste. Når jeg får
>>>> kodet det vigtige, kan jeg tænke på doc. Login er ikke kodet. Det er bare
>>>> design!
>>> Så længe du ikke har en doctype, kan du ikke regne med det du ser på
>>> skærmen. Doctypen bestemmer hvilket "sprog" der tales - eller i hvert fald
>>> dialekten. Og der er mange ting der tolkes anderledes eller slet ikke
>>> fungerer efter hensigten, når browserne er i "quirks".
>>> Tabeller er til præsentation af tabulære data. Designet er ikke tabulære
>>> data.
>>> Det er lidt vanskeligere at designe med HTML/CSS end det er med
>>> tabellerne. Til gengæld er det mange gange nemmere at vedligeholde (rette,
>>> tilføje fjerne). Tanken med HTML/CSS er at adskille indhold og form. Det
>>> gør tingene betydeligt mere overskuelige og fleksible.
>>> Birger
>>> -- http://varmeretter.dk - billig, sund og hurtig mad
>>> http://bbsorensen.dk
>>>
>>>
>>
>> Hej Birger.
>>
>> Tak skal du have for det med "doc."
>>
>> Jamen er det muligt at bygge hjemmesiden op med selve designet, som med
>> tabeller på: www.koderi.ooz.dk/website
>>
>> - Kan godt se at det er nemmere.
>>
>> //Haris.
>
> Hvis du kan forestille dig det, kan det lade sig gøre...
> Det er fantasien der sætter grænser - i modsætning til tabel-design...
>
> Mht. dine problemer med doc-type, så brug denne - i hvert fald indtil den
> giver dig problemer.
> Sørg for at rette de fejl der findes ved validering - ellers forstår
> browserne ikke hvad du er ude på.
>
> http://validator.w3.org/ -validerer HTML
> http://jigsaw.w3.org/css-validator/ -validerer CSS
> Spørg hvis der er fejl du ikke forstår.
>
> Dokumentation kan findes mange steder. Jeg foretrækker disse :
> http://www.w3.org/TR/html401/
> http://www.w3.org/TR/CSS21/
>
> Birger

Og doctypen forsvandt så - eller glemte jeg at paste?... :/
Men her er den
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
begge ovenstående linier skal med - og de må gerne stå på een linie.


Jeg kan godt se du fisker efter "en skabelon".
Dem lærer man ikke ret meget af, og skal sædvanligvis have hjælp til at
få dem til at fungere. Specielt hvis man ikke selv har erfaring med
HTML og CSS.

Det er svært at give en eentydig løsning - bl.a. fordi der er mange
måder at gøre tingene på.
Jeg ser din side, og tænker :
En wrapper, der sætter en fast bredde uanset browservinduets størrelse.
Altså en div, med width sat til det ønskede, og margin : 0px auto;
(centrerer) hvori alle andre elementer indsættes.
Dernæst har du en header. Lige ud af posen - en div der indeholder
billedet. Evt som baggrund, hvis logoet og copyright er indsat som
elementer (altså ikke en del af billedet). Hvis de ikke er, indsættes
de i header div'en.
Så har du en vandret sektion, der indeholder login til venstre, og en
menu-ting til højre.
Altså indætter vi endnu en div i wrapperen. Denne indeholder to andre
div'er. En der floates til højre med menuen som indhold og en der
floates til venstre med login som indhold.
Derunder har du indhold i et tre-spaltet, layout. Det kan godt vise sig
at blive den mest tricky del af det.

Jeg vil anbefale dig at studere Jørgen Farum Jensens sider på
http://webdesign101.dk/
Specielt med tanke på dine spalter og floatede elementer (login og
menu-ting). Når man benytter sig af disse muligheder med at floate
elementer, skal man huske at cleare floatingen, så browserne ved at
elementer der følge efter, ikke længere skal floates - ellers sker der
ting man ikke havde tænkt sig.
F.eks :
<div class="wrapper">
<div class="right">indhold til højre</div> <!-- menu-ting -->
<div class="left">Indhold til venstre</div> <!-- login -->
<div class="clear"></div>
</div> <!-- afslut wrapper -->
css klassen clear skal se omtrent sådan ud
..clear {
clear : both;
}
Udelades clearingen, kan (og vil, iflg. Murphy) indhold der kommer
efter disse elementer, kravle op imellem de to floatede elementer. Og
hvis det ikke er hvad man havde tænkt sig, er det skidt.

Uden på nogen måde at give garantier, for hverken det ene eller det
andet, er det sådan jeg ville løse opgaven.
Selvfølgelig er der ting der skal arbejdes med, og selvfølgelig er det
ikke altsammen lige enkelt. Men det er nemmere end dit tabeldesign,
fordi du kan arbejde fra toppen og nedad, løse de problemer der opstår,
og indsætte dine elementer eet ad gangen, der hvor du vil have dem.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

>
> > Hvis du kan forestille dig det, kan det lade sig gøre...
> > Det er fantasien der sætter grænser - i modsætning til tabel-design...
> >
> > Mht. dine problemer med doc-type, så brug denne - i hvert fald indtil den
> > giver dig problemer.
> > Sørg for at rette de fejl der findes ved validering - ellers forstår
> > browserne ikke hvad du er ude på.
> >
> > http://validator.w3.org/ -validerer HTML
> > http://jigsaw.w3.org/css-validator/ -validerer CSS
> > Spørg hvis der er fejl du ikke forstår.
> >
> > Dokumentation kan findes mange steder. Jeg foretrækker disse :
> > http://www.w3.org/TR/html401/
> > http://www.w3.org/TR/CSS21/
> >
> > Birger
>
> Og doctypen forsvandt så - eller glemte jeg at paste?... :/
> Men her er den
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> begge ovenstående linier skal med - og de må gerne stå på een linie.
>
>
> Jeg kan godt se du fisker efter "en skabelon".
> Dem lærer man ikke ret meget af, og skal sædvanligvis have hjælp til at
> få dem til at fungere. Specielt hvis man ikke selv har erfaring med
> HTML og CSS.
>
> Det er svært at give en eentydig løsning - bl.a. fordi der er mange
> måder at gøre tingene på.
> Jeg ser din side, og tænker :
> En wrapper, der sætter en fast bredde uanset browservinduets størrelse.
> Altså en div, med width sat til det ønskede, og margin : 0px auto;
> (centrerer) hvori alle andre elementer indsættes.
> Dernæst har du en header. Lige ud af posen - en div der indeholder
> billedet. Evt som baggrund, hvis logoet og copyright er indsat som
> elementer (altså ikke en del af billedet). Hvis de ikke er, indsættes
> de i header div'en.
> Så har du en vandret sektion, der indeholder login til venstre, og en
> menu-ting til højre.
> Altså indætter vi endnu en div i wrapperen. Denne indeholder to andre
> div'er. En der floates til højre med menuen som indhold og en der
> floates til venstre med login som indhold.
> Derunder har du indhold i et tre-spaltet, layout. Det kan godt vise sig
> at blive den mest tricky del af det.
>
> Jeg vil anbefale dig at studere Jørgen Farum Jensens sider på
> http://webdesign101.dk/
> Specielt med tanke på dine spalter og floatede elementer (login og
> menu-ting). Når man benytter sig af disse muligheder med at floate
> elementer, skal man huske at cleare floatingen, så browserne ved at
> elementer der følge efter, ikke længere skal floates - ellers sker der
> ting man ikke havde tænkt sig.
> F.eks :
> <div class="wrapper">
> <div class="right">indhold til højre</div> <!-- menu-ting -->
> <div class="left">Indhold til venstre</div> <!-- login -->
> <div class="clear"></div>
> </div> <!-- afslut wrapper -->
> css klassen clear skal se omtrent sådan ud
> ..clear {
> clear : both;
> }
> Udelades clearingen, kan (og vil, iflg. Murphy) indhold der kommer
> efter disse elementer, kravle op imellem de to floatede elementer. Og
> hvis det ikke er hvad man havde tænkt sig, er det skidt.
>
> Uden på nogen måde at give garantier, for hverken det ene eller det
> andet, er det sådan jeg ville løse opgaven.
> Selvfølgelig er der ting der skal arbejdes med, og selvfølgelig er det
> ikke altsammen lige enkelt. Men det er nemmere end dit tabeldesign,
> fordi du kan arbejde fra toppen og nedad, løse de problemer der opstår,
> og indsætte dine elementer eet ad gangen, der hvor du vil have dem.
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>
Hej Birger.

Wow må jeg nok sige. Ikke fordi at jeg ikke vidste de ting, men jeg er da lige
blevet en del klogere. Jeg vil se om jeg kan "ombygge" den til css/html. Det
virker nemmere, for som du siger, kan man køre oppe fra og så ned, uden at tænkte
på nogle som helst celler eller ligende.
- Jeg må lige sige tak for den måde, du viser det trin efter trin.
Når du siger det med clear. Kan det så eventuelt være sådan?:

div.right {
float : left;
clear : both;
eller hvad?

To spørgsmål vdr. validering:
- Hvordan validere jeg css?
Er det bare ved at rette de "warnings", der kommer op eller?
- Når jeg sætter doc-typen ind, ændres mit design en del.
Teksten kommer til at stå i midten, selvom den burde stå i siden. Hvad er
grunden?

Tak for det gode respons.

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris udtrykte præcist:
> Hej Birger.
>
> Wow må jeg nok sige. Ikke fordi at jeg ikke vidste de ting, men jeg er da
> lige blevet en del klogere. Jeg vil se om jeg kan "ombygge" den til css/html.
> Det virker nemmere, for som du siger, kan man køre oppe fra og så ned, uden
> at tænkte på nogle som helst celler eller ligende.
> - Jeg må lige sige tak for den måde, du viser det trin efter trin.
> Når du siger det med clear. Kan det så eventuelt være sådan?:
>
> div.right {
> float : left;
> clear : both;
> eller hvad?

Nej. Clear skal foretages, af et element, der følger efter de elementer
du vil floate, men er i samme container. Som i eksemplet jeg gav - det
element der "clearer", kommer efter dem der floater, men er inde i
wrapperen. Hvis du f.eks har en footer involveret, kan du sætte clearen
på den. Ellers er du nødt til at indsætte et ekstra element der
clearer.
>
> To spørgsmål vdr. validering:
> - Hvordan validere jeg css?
> Er det bare ved at rette de "warnings", der kommer op eller?

Du får fejl og warnings, når du validerer. Fejl skal du rette -
warnings skal du vurdere - visse kan man lade være. Du vil få warnings,
hvis du f.eks. anvender samme farve til baggrund og tekst. Den slags er
ikke egentlige fejl, og kan være gjort med vilje.

> - Når jeg sætter doc-typen ind, ændres mit design en del.
> Teksten kommer til at stå i midten, selvom den burde stå i siden. Hvad er
> grunden?

Fordi browserne nu ikke længere er i quirks-mode, men tolker din kode i
henhold til standarden.
At teksten ændrer sig til at være centreret, er formentlig fordi du
beder om det, et eller andet sted. ^^
Ser jeg i din kode, er der mange <center> tags - Dette tag er
deprecated (anvendelse anbefales ikke - men det virker stadig. Brug CSS
text-align:center; i stedet!).

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> haris udtrykte præcist:
> > Hej Birger.
> >
> > Wow må jeg nok sige. Ikke fordi at jeg ikke vidste de ting, men jeg er da
> > lige blevet en del klogere. Jeg vil se om jeg kan "ombygge" den til css/html.
> > Det virker nemmere, for som du siger, kan man køre oppe fra og så ned, uden
> > at tænkte på nogle som helst celler eller ligende.
> > - Jeg må lige sige tak for den måde, du viser det trin efter trin.
> > Når du siger det med clear. Kan det så eventuelt være sådan?:
> >
> > div.right {
> > float : left;
> > clear : both;
> > eller hvad?
>
> Nej. Clear skal foretages, af et element, der følger efter de elementer
> du vil floate, men er i samme container. Som i eksemplet jeg gav - det
> element der "clearer", kommer efter dem der floater, men er inde i
> wrapperen. Hvis du f.eks har en footer involveret, kan du sætte clearen
> på den. Ellers er du nødt til at indsætte et ekstra element der
> clearer.
> >
> > To spørgsmål vdr. validering:
> > - Hvordan validere jeg css?
> > Er det bare ved at rette de "warnings", der kommer op eller?
>
> Du får fejl og warnings, når du validerer. Fejl skal du rette -
> warnings skal du vurdere - visse kan man lade være. Du vil få warnings,
> hvis du f.eks. anvender samme farve til baggrund og tekst. Den slags er
> ikke egentlige fejl, og kan være gjort med vilje.
>
> > - Når jeg sætter doc-typen ind, ændres mit design en del.
> > Teksten kommer til at stå i midten, selvom den burde stå i siden. Hvad er
> > grunden?
>
> Fordi browserne nu ikke længere er i quirks-mode, men tolker din kode i
> henhold til standarden.
> At teksten ændrer sig til at være centreret, er formentlig fordi du
> beder om det, et eller andet sted. ^^
> Ser jeg i din kode, er der mange <center> tags - Dette tag er
> deprecated (anvendelse anbefales ikke - men det virker stadig. Brug CSS
> text-align:center; i stedet!).
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>

Hej Birger.

Jeg tror jeg forstår hvad det er, du mener. Jeg vil prøve mig frem.
- Jeg har brugt css til at centrere ting, men har gjort det forkert.
har skrevet: textarea { position:center;
- men har forstået det nu.

Tak.
//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> > Fordi browserne nu ikke længere er i quirks-mode, men tolker din kode i
> > henhold til standarden.
> > At teksten ændrer sig til at være centreret, er formentlig fordi du
> > beder om det, et eller andet sted. ^^
> > Ser jeg i din kode, er der mange <center> tags - Dette tag er
> > deprecated (anvendelse anbefales ikke - men det virker stadig. Brug CSS
> > text-align:center; i stedet!).

- Men hvordan sætter jeg align på fx. en tabel i css?

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris tastede følgende:
>>> Fordi browserne nu ikke længere er i quirks-mode, men tolker din kode i
>>> henhold til standarden.
>>> At teksten ændrer sig til at være centreret, er formentlig fordi du
>>> beder om det, et eller andet sted. ^^
>>> Ser jeg i din kode, er der mange <center> tags - Dette tag er
>>> deprecated (anvendelse anbefales ikke - men det virker stadig. Brug CSS
>>> text-align:center; i stedet!).
>
> - Men hvordan sætter jeg align på fx. en tabel i css?
>
> //Haris.

Kommer an på hvad du mener med align...
Den "almindelig" align hedder i CSS text-align og kan være left, right
center, justify eller inherit.
http://www.w3.org/TR/CSS21/text.html#propdef-text-align
Visse elementer har desuden en vertical-align attribut, der bestemmer
den lodrette placering.
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Hey.

Nu er jeg igang med at kode hjemmeside i html/css, men jeg har et problem.
Jeg har sat min header ind og har brugt, som birger anbefalde: 0px auto; til at
sætte den i midten.

- Nu er jeg igang med at kode de 3 spalter, der skal være, men hvordan får jeg
dem til at stå under headeren(dvs. i midten). Jeg har sat width på, så det passer
med headerens størrelse.

I kan se det på: www.koderi.ooz.dk/div

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris tastede følgende:
> Hey.
>
> Nu er jeg igang med at kode hjemmeside i html/css, men jeg har et problem.
> Jeg har sat min header ind og har brugt, som birger anbefalde: 0px auto; til
> at sætte den i midten.
>
> - Nu er jeg igang med at kode de 3 spalter, der skal være, men hvordan får
> jeg dem til at stå under headeren(dvs. i midten). Jeg har sat width på, så
> det passer med headerens størrelse.
>
> I kan se det på: www.koderi.ooz.dk/div
>
> //Haris.

Et hurtigt kig på din kode, viser at du ikke har brugt en wrapper.
En div det hele sættes ind i -
<div class="wrapper">
<div class="header">...</div>
<div class="menu">...</div>
<div class="indhold">...</div>
<div class="sponsor">...</div>
</div> <!-- afslutning af wrapper -->
wrapper defineres i css, som
..wrapper {
width : 952px;
margin : 0px auto;
}

<center> tagene skal du stadig fjerne (i det mindste afslutte rigtigt).
brug css til billedet også:

<img src="header.jpg" width="950" height="250" border="1">
hedder f.eks.
<img class="head_img" src="header.jpg" alt="Praxis Productions"
title="Praxis Productions">
..head_img {
width : 950px;
height : 250px;
border-width : 1px;
}

Bemærk alt *skal* være der iht. standarderne.
IE bruger alt som title, mens FF bruger alt som det er tænkt - en
alternativ tekst, hvis billedet ikke kan vises/findes, og title som den
tekst der vises ved hover.

Der er 8 HTML fejl.
<script> har ikke nogen language, men en type="text/javascript".
Der *skal* være en <title> i <head>.
<center> findes ikke.
<body> er ikke afluttet (<html> heller ikke...)

Hvilken browser ser du dine sider i?


Det lyder voldsomt - men ros til dig, for det du har gjort :D

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> haris tastede følgende:
> > Hey.
> >
> > Nu er jeg igang med at kode hjemmeside i html/css, men jeg har et problem.
> > Jeg har sat min header ind og har brugt, som birger anbefalde: 0px auto; til
> > at sætte den i midten.
> >
> > - Nu er jeg igang med at kode de 3 spalter, der skal være, men hvordan får
> > jeg dem til at stå under headeren(dvs. i midten). Jeg har sat width på, så
> > det passer med headerens størrelse.
> >
> > I kan se det på: www.koderi.ooz.dk/div
> >
> > //Haris.
>
> Et hurtigt kig på din kode, viser at du ikke har brugt en wrapper.
> En div det hele sættes ind i -
> <div class="wrapper">
> <div class="header">...</div>
> <div class="menu">...</div>
> <div class="indhold">...</div>
> <div class="sponsor">...</div>
> </div> <!-- afslutning af wrapper -->
> wrapper defineres i css, som
> ..wrapper {
> width : 952px;
> margin : 0px auto;
> }
>
> <center> tagene skal du stadig fjerne (i det mindste afslutte rigtigt).
> brug css til billedet også:
>
> <img src="header.jpg" width="950" height="250" border="1">
> hedder f.eks.
> <img class="head_img" src="header.jpg" alt="Praxis Productions"
> title="Praxis Productions">
> ..head_img {
> width : 950px;
> height : 250px;
> border-width : 1px;
> }
>
> Bemærk alt *skal* være der iht. standarderne.
> IE bruger alt som title, mens FF bruger alt som det er tænkt - en
> alternativ tekst, hvis billedet ikke kan vises/findes, og title som den
> tekst der vises ved hover.
>
> Der er 8 HTML fejl.
> <script> har ikke nogen language, men en type="text/javascript".
> Der *skal* være en <title> i <head>.
> <center> findes ikke.
> <body> er ikke afluttet (<html> heller ikke...)
>
> Hvilken browser ser du dine sider i?
>
>
> Det lyder voldsomt - men ros til dig, for det du har gjort :D
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>
Hej Birger.

Jeg misforstod vist det med wrapper, men har ordnet det nu.
Når den skal defineres i css, bruger jeg så de 2 punktumer eller div?

Har ordnet det med "center".

Tak for tippet vdr. billede. Det er en bedre måde at bruge.
- Jeg har rettet de fejl du nævnte.

Jeg bruger internet explorer 7.

Tak skal du have.

//Haris.



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris sendte dette med sin computer:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
>> haris tastede følgende:
>>> Hey.
>>>
>>> Nu er jeg igang med at kode hjemmeside i html/css, men jeg har et problem.
>>> Jeg har sat min header ind og har brugt, som birger anbefalde: 0px auto;
>>> til at sætte den i midten.
>>>
>>> - Nu er jeg igang med at kode de 3 spalter, der skal være, men hvordan får
>>> jeg dem til at stå under headeren(dvs. i midten). Jeg har sat width på, så
>>> det passer med headerens størrelse.
>>>
>>> I kan se det på: www.koderi.ooz.dk/div
>>>
>>> //Haris.
>>
>> Et hurtigt kig på din kode, viser at du ikke har brugt en wrapper.
>> En div det hele sættes ind i -
>> <div class="wrapper">
>> <div class="header">...</div>
>> <div class="menu">...</div>
>> <div class="indhold">...</div>
>> <div class="sponsor">...</div>
>> </div> <!-- afslutning af wrapper -->
>> wrapper defineres i css, som
>> ..wrapper {
>> width : 952px;
>> margin : 0px auto;
>> }
>>
>> <center> tagene skal du stadig fjerne (i det mindste afslutte rigtigt).
>> brug css til billedet også:
>>
>> <img src="header.jpg" width="950" height="250" border="1">
>> hedder f.eks.
>> <img class="head_img" src="header.jpg" alt="Praxis Productions"
>> title="Praxis Productions">
>> ..head_img {
>> width : 950px;
>> height : 250px;
>> border-width : 1px;
>> }
>>
>> Bemærk alt *skal* være der iht. standarderne.
>> IE bruger alt som title, mens FF bruger alt som det er tænkt - en
>> alternativ tekst, hvis billedet ikke kan vises/findes, og title som den
>> tekst der vises ved hover.
>>
>> Der er 8 HTML fejl.
>> <script> har ikke nogen language, men en type="text/javascript".
>> Der *skal* være en <title> i <head>.
>> <center> findes ikke.
>> <body> er ikke afluttet (<html> heller ikke...)
>>
>> Hvilken browser ser du dine sider i?
>>
>>
>> Det lyder voldsomt - men ros til dig, for det du har gjort :D
>>
>> Birger
>>
>> --
>> http://varmeretter.dk - billig, sund og hurtig mad
>> http://bbsorensen.dk
>>
>>
> Hej Birger.
>
> Jeg misforstod vist det med wrapper, men har ordnet det nu.
> Når den skal defineres i css, bruger jeg så de 2 punktumer eller div?
>
> Har ordnet det med "center".
>
> Tak for tippet vdr. billede. Det er en bedre måde at bruge.
> - Jeg har rettet de fejl du nævnte.
>
> Jeg bruger internet explorer 7.
>
> Tak skal du have.
>
> //Haris.

Det er en fejl med de to punktummer - der skal kun være eet. :-?

Når man definerer en css med et punktum (.wrapper), skal man i HTML
angive at det er den man vil bruge med class="wrapper" og man kan bruge
den samme class på mange elementer.
Men din wrapper, skal kun anvendes til dit wrapper element.
Når det er sådan, plejer jeg at bruge id på elementet i stedet for.
Et id skal være unikt - der må kun være eet element i hele dokumentet
der har den.
Og for elementer med id, kan man definere css med #-tegnet.
Altså
<div id="wrapper"> ....
og css'en ser så sådan ud :
#wrapper {
...
}
Der findes mange måder at "selecte" hvilken css der anvendes -
ovennævnte de vigtigste efter min mening. Der findes en oversigt her :
http://www.w3.org/TR/CSS21/selector.html
men det er ikke noget man skal gå så meget op i fra begyndelsen.

Mht. browseren, så er IE7 ikke den bedste til at designe i - IE har
mange fejl, og overholder ikke altid standarderne. Allerede nu, ser din
side anderledes ud i de andre (FireFox, Opera..).
Jeg (og mange andre) bruger FireFox til udvikling af sider, fordi den
er den der bedst overholder standarderne.
Og alt andet lige, er det nemmere at få sit design rigtigt med
standarderne og så evt. rette til så den kommer rigtigt ud også i IE,
end det er at gøre det omvendte. Ofte er tilretningen så slet ikke
nødvendig.
Desuden har FireFox mulighed for at installere "Tilføjelser" - som der
findes rigtig mange af - specielt til udvikling. Jeg har en der hedder
HTML-validator (gæt hvad den gør!), og en der hedder FireBug, som kan
en masse med css og scripting.
Og det er altså meget lettere med de rigtige værktøjer...

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> haris sendte dette med sin computer:
> > Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> >> haris tastede følgende:
> >>> Hey.
> >>>
> >>> Nu er jeg igang med at kode hjemmeside i html/css, men jeg har et problem.
> >>> Jeg har sat min header ind og har brugt, som birger anbefalde: 0px auto;
> >>> til at sætte den i midten.
> >>>
> >>> - Nu er jeg igang med at kode de 3 spalter, der skal være, men hvordan får
> >>> jeg dem til at stå under headeren(dvs. i midten). Jeg har sat width på, så
> >>> det passer med headerens størrelse.
> >>>
> >>> I kan se det på: www.koderi.ooz.dk/div
> >>>
> >>> //Haris.
> >>
> >> Et hurtigt kig på din kode, viser at du ikke har brugt en wrapper.
> >> En div det hele sættes ind i -
> >> <div class="wrapper">
> >> <div class="header">...</div>
> >> <div class="menu">...</div>
> >> <div class="indhold">...</div>
> >> <div class="sponsor">...</div>
> >> </div> <!-- afslutning af wrapper -->
> >> wrapper defineres i css, som
> >> ..wrapper {
> >> width : 952px;
> >> margin : 0px auto;
> >> }
> >>
> >> <center> tagene skal du stadig fjerne (i det mindste afslutte rigtigt).
> >> brug css til billedet også:
> >>
> >> <img src="header.jpg" width="950" height="250" border="1">
> >> hedder f.eks.
> >> <img class="head_img" src="header.jpg" alt="Praxis Productions"
> >> title="Praxis Productions">
> >> ..head_img {
> >> width : 950px;
> >> height : 250px;
> >> border-width : 1px;
> >> }
> >>
> >> Bemærk alt *skal* være der iht. standarderne.
> >> IE bruger alt som title, mens FF bruger alt som det er tænkt - en
> >> alternativ tekst, hvis billedet ikke kan vises/findes, og title som den
> >> tekst der vises ved hover.
> >>
> >> Der er 8 HTML fejl.
> >> <script> har ikke nogen language, men en type="text/javascript".
> >> Der *skal* være en <title> i <head>.
> >> <center> findes ikke.
> >> <body> er ikke afluttet (<html> heller ikke...)
> >>
> >> Hvilken browser ser du dine sider i?
> >>
> >>
> >> Det lyder voldsomt - men ros til dig, for det du har gjort :D
> >>
> >> Birger
> >>
> >> --
> >> http://varmeretter.dk - billig, sund og hurtig mad
> >> http://bbsorensen.dk
> >>
> >>
> > Hej Birger.
> >
> > Jeg misforstod vist det med wrapper, men har ordnet det nu.
> > Når den skal defineres i css, bruger jeg så de 2 punktumer eller div?
> >
> > Har ordnet det med "center".
> >
> > Tak for tippet vdr. billede. Det er en bedre måde at bruge.
> > - Jeg har rettet de fejl du nævnte.
> >
> > Jeg bruger internet explorer 7.
> >
> > Tak skal du have.
> >
> > //Haris.
>
> Det er en fejl med de to punktummer - der skal kun være eet. :-?
>
> Når man definerer en css med et punktum (.wrapper), skal man i HTML
> angive at det er den man vil bruge med class="wrapper" og man kan bruge
> den samme class på mange elementer.
> Men din wrapper, skal kun anvendes til dit wrapper element.
> Når det er sådan, plejer jeg at bruge id på elementet i stedet for.
> Et id skal være unikt - der må kun være eet element i hele dokumentet
> der har den.
> Og for elementer med id, kan man definere css med #-tegnet.
> Altså
> <div id="wrapper"> ....
> og css'en ser så sådan ud :
> #wrapper {
> ...
> }
> Der findes mange måder at "selecte" hvilken css der anvendes -
> ovennævnte de vigtigste efter min mening. Der findes en oversigt her :
> http://www.w3.org/TR/CSS21/selector.html
> men det er ikke noget man skal gå så meget op i fra begyndelsen.
>
> Mht. browseren, så er IE7 ikke den bedste til at designe i - IE har
> mange fejl, og overholder ikke altid standarderne. Allerede nu, ser din
> side anderledes ud i de andre (FireFox, Opera..).
> Jeg (og mange andre) bruger FireFox til udvikling af sider, fordi den
> er den der bedst overholder standarderne.
> Og alt andet lige, er det nemmere at få sit design rigtigt med
> standarderne og så evt. rette til så den kommer rigtigt ud også i IE,
> end det er at gøre det omvendte. Ofte er tilretningen så slet ikke
> nødvendig.
> Desuden har FireFox mulighed for at installere "Tilføjelser" - som der
> findes rigtig mange af - specielt til udvikling. Jeg har en der hedder
> HTML-validator (gæt hvad den gør!), og en der hedder FireBug, som kan
> en masse med css og scripting.
> Og det er altså meget lettere med de rigtige værktøjer...
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>
Hej Birger.

Nu har jeg fået wrapperen næsten til at virke. "Menuen" går automatisk ind i
midten, men indhold og den sidste box bliver i siden. Og jeg har sat float på både
menuen og indhold. (www.koderi.ooz.dk/div)

Det med at det så anderledes ud i andre browsere havde jeg ingen anelse om. Det
vil jeg da hente hurtigst muligt. Når du siger at IE7 ikke holder sig til
standarderne, hvad mener du så? Viser den ikke alt som den skal eller?

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris wrote in dk.edb.internet.webdesign.html:
> Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> > haris sendte dette med sin computer:
> > > Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> > >> haris tastede følgende:
> > >>> Hey.
> > >>>
> > >>> Nu er jeg igang med at kode hjemmeside i html/css, men jeg har et problem.
> > >>> Jeg har sat min header ind og har brugt, som birger anbefalde: 0px auto;
> > >>> til at sætte den i midten.
> > >>>
> > >>> - Nu er jeg igang med at kode de 3 spalter, der skal være, men hvordan får
> > >>> jeg dem til at stå under headeren(dvs. i midten). Jeg har sat width på, så
> > >>> det passer med headerens størrelse.
> > >>>
> > >>> I kan se det på: www.koderi.ooz.dk/div
> > >>>
> > >>> //Haris.
> > >>
> > >> Et hurtigt kig på din kode, viser at du ikke har brugt en wrapper.
> > >> En div det hele sættes ind i -
> > >> <div class="wrapper">
> > >> <div class="header">...</div>
> > >> <div class="menu">...</div>
> > >> <div class="indhold">...</div>
> > >> <div class="sponsor">...</div>
> > >> </div> <!-- afslutning af wrapper -->
> > >> wrapper defineres i css, som
> > >> ..wrapper {
> > >> width : 952px;
> > >> margin : 0px auto;
> > >> }
> > >>
> > >> <center> tagene skal du stadig fjerne (i det mindste afslutte rigtigt).
> > >> brug css til billedet også:
> > >>
> > >> <img src="header.jpg" width="950" height="250" border="1">
> > >> hedder f.eks.
> > >> <img class="head_img" src="header.jpg" alt="Praxis Productions"
> > >> title="Praxis Productions">
> > >> ..head_img {
> > >> width : 950px;
> > >> height : 250px;
> > >> border-width : 1px;
> > >> }
> > >>
> > >> Bemærk alt *skal* være der iht. standarderne.
> > >> IE bruger alt som title, mens FF bruger alt som det er tænkt - en
> > >> alternativ tekst, hvis billedet ikke kan vises/findes, og title som den
> > >> tekst der vises ved hover.
> > >>
> > >> Der er 8 HTML fejl.
> > >> <script> har ikke nogen language, men en type="text/javascript".
> > >> Der *skal* være en <title> i <head>.
> > >> <center> findes ikke.
> > >> <body> er ikke afluttet (<html> heller ikke...)
> > >>
> > >> Hvilken browser ser du dine sider i?
> > >>
> > >>
> > >> Det lyder voldsomt - men ros til dig, for det du har gjort :D
> > >>
> > >> Birger
> > >>
> > >> --
> > >> http://varmeretter.dk - billig, sund og hurtig mad
> > >> http://bbsorensen.dk
> > >>
> > >>
> > > Hej Birger.
> > >
> > > Jeg misforstod vist det med wrapper, men har ordnet det nu.
> > > Når den skal defineres i css, bruger jeg så de 2 punktumer eller div?
> > >
> > > Har ordnet det med "center".
> > >
> > > Tak for tippet vdr. billede. Det er en bedre måde at bruge.
> > > - Jeg har rettet de fejl du nævnte.
> > >
> > > Jeg bruger internet explorer 7.
> > >
> > > Tak skal du have.
> > >
> > > //Haris.
> >
> > Det er en fejl med de to punktummer - der skal kun være eet. :-?
> >
> > Når man definerer en css med et punktum (.wrapper), skal man i HTML
> > angive at det er den man vil bruge med class="wrapper" og man kan bruge
> > den samme class på mange elementer.
> > Men din wrapper, skal kun anvendes til dit wrapper element.
> > Når det er sådan, plejer jeg at bruge id på elementet i stedet for.
> > Et id skal være unikt - der må kun være eet element i hele dokumentet
> > der har den.
> > Og for elementer med id, kan man definere css med #-tegnet.
> > Altså
> > <div id="wrapper"> ....
> > og css'en ser så sådan ud :
> > #wrapper {
> > ...
> > }
> > Der findes mange måder at "selecte" hvilken css der anvendes -
> > ovennævnte de vigtigste efter min mening. Der findes en oversigt her :
> > http://www.w3.org/TR/CSS21/selector.html
> > men det er ikke noget man skal gå så meget op i fra begyndelsen.
> >
> > Mht. browseren, så er IE7 ikke den bedste til at designe i - IE har
> > mange fejl, og overholder ikke altid standarderne. Allerede nu, ser din
> > side anderledes ud i de andre (FireFox, Opera..).
> > Jeg (og mange andre) bruger FireFox til udvikling af sider, fordi den
> > er den der bedst overholder standarderne.
> > Og alt andet lige, er det nemmere at få sit design rigtigt med
> > standarderne og så evt. rette til så den kommer rigtigt ud også i IE,
> > end det er at gøre det omvendte. Ofte er tilretningen så slet ikke
> > nødvendig.
> > Desuden har FireFox mulighed for at installere "Tilføjelser" - som der
> > findes rigtig mange af - specielt til udvikling. Jeg har en der hedder
> > HTML-validator (gæt hvad den gør!), og en der hedder FireBug, som kan
> > en masse med css og scripting.
> > Og det er altså meget lettere med de rigtige værktøjer...
> >
> > Birger
> >
> > --
> > http://varmeretter.dk - billig, sund og hurtig mad
> > http://bbsorensen.dk
> >
> >
> Hej Birger.
>
> Nu har jeg fået wrapperen næsten til at virke. "Menuen" går automatisk ind i
> midten, men indhold og den sidste box bliver i siden. Og jeg har sat float på både
> menuen og indhold. (www.koderi.ooz.dk/div)
>
> Det med at det så anderledes ud i andre browsere havde jeg ingen anelse om. Det
> vil jeg da hente hurtigst muligt. Når du siger at IE7 ikke holder sig til
> standarderne, hvad mener du så? Viser den ikke alt som den skal eller?
>
> //Haris.
>
> --
> Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
> - Pædagogiske tutorials på dansk
> - Kom godt i gang med koderne
> KLIK HER! => http://www.html.dk/tutorials

Hov. Det viser sig, at med Firefox ser det rigtigt ud, men med IE7 er der stadig en
fejl.

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

haris forklarede den 26-01-2009:
8X
>> Nu har jeg fået wrapperen næsten til at virke. "Menuen" går automatisk ind i
>> midten, men indhold og den sidste box bliver i siden. Og jeg har sat float
>> på både menuen og indhold. (www.koderi.ooz.dk/div)
>>
>> Det med at det så anderledes ud i andre browsere havde jeg ingen anelse om.
>> Det vil jeg da hente hurtigst muligt. Når du siger at IE7 ikke holder sig
>> til standarderne, hvad mener du så? Viser den ikke alt som den skal eller?
>>
8X
> Hov. Det viser sig, at med Firefox ser det rigtigt ud, men med IE7 er der
> stadig en fejl.
>
> //Haris.

99 ud af 100 gange, hvor tingene ikke ser ens ud i forskellige
browsere, er det fordi IE ikke viser tingene som de skal vises...

Det er vigtigt, at koden overholder standarderne. Ellers kan man ikke
regne med det man ser, i nogen af browserne.
http://users.skynet.be/mgueury/mozilla/ HTML validatoren - viser dig
med det samme om der er HTML fejl. Og hvis der er, hjælper med at
lokalisere dem.
http://getfirebug.com/ FireBug, som kan bruges på mange måder. Viser
HTML og css - fortæller om der er ting i CSS FireFox ikke forstår (og
så er der sædvanligvis fejl) Man kan "inspicere" sit design -
sammenhæng mellem koden og det fysisk viste, hvilket kan give ideer til
hvorfor tingene ikke ser ud som man forventer. Og FireBug kan en farlig
masse andet...

Noget af det, der ofte gør det svært at få tingene ens i forskellige
browsere, er at alle elementer har default værdier for margin og
padding - og disse værdier er ikke ens i alle browsere.
Jeg gør tit det, at jeg starter med en definition i CSS'en, omtrent
sådan :
* {
padding : 0px;
margin : 0px;
}
Den sætter både padding og margin til 0 på alle elementer. Så er man
fri for at skulle huske at sætte dem på de elementer man bruger -
bortset fra dem hvor man vil have margin og/eller padding,
selvfølgelig.
En anden ting, man tit "falder i vandet" på, er at når man sætte bredde
på et element, er det uden padding, border og margin.
Så hvis du sætter bredden på dit billede til 950px, og så sætter
borderen til 1px, fylder billedet faktisk 952px. Sætter man det ind i
et andet element, der kun er 950px bredt, kan det altså ikke være der -
så man skal huske at tælle dem med..

Din kode har stadig i hvert fald eet <center>, som browserne ikke ved
hvad de skal bruge til. Der er flere </p>'er og et par </div> der ikke
hører til, og der mangler stadig en afslutning på <body>
HTML validatoren er et godt værktøj.
I din CSS mangler du den } der skal afslutte definitonen for a,
allersidst i filen.

Kan se du arbejder med tingene, og det går den rigtige vej.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen wrote in dk.edb.internet.webdesign.html:
> haris forklarede den 26-01-2009:
> 8X
> >> Nu har jeg fået wrapperen næsten til at virke. "Menuen" går automatisk ind i
> >> midten, men indhold og den sidste box bliver i siden. Og jeg har sat float
> >> på både menuen og indhold. (www.koderi.ooz.dk/div)
> >>
> >> Det med at det så anderledes ud i andre browsere havde jeg ingen anelse om.
> >> Det vil jeg da hente hurtigst muligt. Når du siger at IE7 ikke holder sig
> >> til standarderne, hvad mener du så? Viser den ikke alt som den skal eller?
> >>
> 8X
> > Hov. Det viser sig, at med Firefox ser det rigtigt ud, men med IE7 er der
> > stadig en fejl.
> >
> > //Haris.
>
> 99 ud af 100 gange, hvor tingene ikke ser ens ud i forskellige
> browsere, er det fordi IE ikke viser tingene som de skal vises...
>
> Det er vigtigt, at koden overholder standarderne. Ellers kan man ikke
> regne med det man ser, i nogen af browserne.
> http://users.skynet.be/mgueury/mozilla/ HTML validatoren - viser dig
> med det samme om der er HTML fejl. Og hvis der er, hjælper med at
> lokalisere dem.
> http://getfirebug.com/ FireBug, som kan bruges på mange måder. Viser
> HTML og css - fortæller om der er ting i CSS FireFox ikke forstår (og
> så er der sædvanligvis fejl) Man kan "inspicere" sit design -
> sammenhæng mellem koden og det fysisk viste, hvilket kan give ideer til
> hvorfor tingene ikke ser ud som man forventer. Og FireBug kan en farlig
> masse andet...
>
> Noget af det, der ofte gør det svært at få tingene ens i forskellige
> browsere, er at alle elementer har default værdier for margin og
> padding - og disse værdier er ikke ens i alle browsere.
> Jeg gør tit det, at jeg starter med en definition i CSS'en, omtrent
> sådan :
> * {
> padding : 0px;
> margin : 0px;
> }
> Den sætter både padding og margin til 0 på alle elementer. Så er man
> fri for at skulle huske at sætte dem på de elementer man bruger -
> bortset fra dem hvor man vil have margin og/eller padding,
> selvfølgelig.
> En anden ting, man tit "falder i vandet" på, er at når man sætte bredde
> på et element, er det uden padding, border og margin.
> Så hvis du sætter bredden på dit billede til 950px, og så sætter
> borderen til 1px, fylder billedet faktisk 952px. Sætter man det ind i
> et andet element, der kun er 950px bredt, kan det altså ikke være der -
> så man skal huske at tælle dem med..
>
> Din kode har stadig i hvert fald eet <center>, som browserne ikke ved
> hvad de skal bruge til. Der er flere </p>'er og et par </div> der ikke
> hører til, og der mangler stadig en afslutning på <body>
> HTML validatoren er et godt værktøj.
> I din CSS mangler du den } der skal afslutte definitonen for a,
> allersidst i filen.
>
> Kan se du arbejder med tingene, og det går den rigtige vej.
>
> Birger
>
> --
> http://varmeretter.dk - billig, sund og hurtig mad
> http://bbsorensen.dk
>
>
Det kan jeg give dig ret i. (I går glemte jeg at sætte filerne ind, som jeg havde
fået lavet mere på) Når man ser min hjemmeside (www.koderi.ooz.dk/div) på Firefox,
ser det ud, som jeg vil have det, men i IE7 får jeg et helt andet resultat. Som du
siger Birger, er det fordi, at IE7 ikke lægger mærke til de fejlene, men jeg vil jo
have, at dem som ser min hjemmeside, også skal kunne se den i IE7 eller hvad de
bruger. Nogen måde at få det ordnet?

Jeg har hentet de to validatere, og jeg kan sige dig, at det hjælper en stor del og
det er enkelt. Har lige rettet mine fejl i html filen og det virker. Dog ikke så
godt at Firebug ikke forklarer fejlene i css. Der står ikke hvad der mangler?

Godt tip det med at sætte padding og margin på 0. Det hjælper.
Det med at når man sætter 1px border på headeren, så den kommer til at være
længere, vidste jeg ikke. Jeg prøver at få det ordnet.

Som sagt glemte jeg at sætte den "færdige" del af filen ind. Men jeg arbejder for
at få det lavet.

Tak skal du have.

//Haris.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials