|
|
 | Endelig godkendt validering med jeres hjæl~
Fra : Henrik Uggerhøj |
Dato : 05-11-06 22:00 |
|
Tak for al den hjælp jeg har fået indtil nu, især til Jesper. Den
har været uundværlig.
Nu er mine side blevet valideret og jeg er blevet meget klogere.
Som en hvis person engang sagde: Jo klogere man er jo mere ved
man at man ikke ved. eller noget i den retning.
hilsen
Henrik Uggerhøj/ www.sportsfisk.dk
--
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
| |
 Rune Jensen (06-11-2006)
| Kommentar
Fra : Rune Jensen |
Dato : 06-11-06 10:34 |
|
"Henrik Uggerhøj" wrote in message...
> Tak for al den hjælp jeg har fået indtil nu, især til Jesper. Den
> har været uundværlig.
> Nu er mine side blevet valideret og jeg er blevet meget klogere.
> Som en hvis person engang sagde: Jo klogere man er jo mere ved
> man at man ikke ved. eller noget i den retning.
Du kan evt. sende det til vurdering på ris+ros. Du kan med fordel også
bruge dine overskrifttags (noget jeg går meget op i for tiden), og det
kan du bl.a. af hensyn til søgemaskiner og brugervenlighed generelt. Du
har ingen H1 - til gengæld har du en H4. Den går vist ikke. De skal
følge hierakiet, og derfor skal hovedoverskriften altid have en H1 (der
skal kun være én H1), hvorefter du fortsætter med underoverskrifter med
H2, H3 osv. alt efter hvor meget i dybden du går i den enkelte tekst. Så
vidt jeg kan se, så bruger du tekst i billeder. Den er heller ikke god -
det øger load-tiden for din side, og det gør det svært for både
søgemaskiner at indeksere den del af teksten, ligesom det er svært at
rette i (og en mængde andre gode grunde til at lade vær´)
Men som sagt, i Ris+Ros, det er en god gruppe at blive klog i.
MVH
Rune
| |
Henrik Uggerhøj (06-11-2006)
| Kommentar
Fra : Henrik Uggerhøj |
Dato : 06-11-06 12:34 |
|
Hej
Jeg ved det godt, og vil da også bruge h1-h4. Jeg kan bare ikke få
firefox til at vise det ordentligt. Det har jeg nu opgivet.
hilsen Henrik
--
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
| |
 Jesper Brunholm (06-11-2006)
| Kommentar
Fra : Jesper Brunholm |
Dato : 06-11-06 12:49 |
|
Henrik Uggerhøj skrev:
> Jeg ved det godt, og vil da også bruge h1-h4. Jeg kan bare ikke få
> firefox til at vise det ordentligt. Det har jeg nu opgivet.
Det lyder mærkeligt, hvad vil du gerne have den til at vise, som den
ikke gør?
Har du en side hvor vi kan se fejlen (eller gider du lave en testside) 
mvh
Jesper Brunholm
| |
Henrik Uggerhøj (07-11-2006)
| Kommentar
Fra : Henrik Uggerhøj |
Dato : 07-11-06 00:27 |
|
min indexfil på www.sportsfisk.dk
den er ok i ie men min firefox flytter på tingene.
Jeg er nu også ved at lave en anden side i xhtml hvor min menu er i flere
niveauer. Det har jeg manglet.
Henrik
--
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
| |
Jesper Brunholm (07-11-2006)
| Kommentar
Fra : Jesper Brunholm |
Dato : 07-11-06 01:39 |
|
Henrik Uggerhøj skrev:
> min indexfil på www.sportsfisk.dk
Nu vi er der - det er sandt at validatoren ikke melder om fejl mere, men
du bør faktisk fjerne den tomme style-blok alligevel:
<style type="text/css"></style>
og fjerne de px-angivelser på billederne:
<img src="chinook-salmon.jpg" border="0" width="200px" alt="chinook">
Skriv enten width="200" height="133" eller lad være med at skrive noget.
Det du gør lige nu hjælper ikke browseren til at vise siden hurtigt,
tvært imod (og det er det der er det primære formål med at angive
billedstørrelsen)
> den er ok i ie men min firefox flytter på tingene.
Jeg kan godt se at det ser mærkeligt ud i Firefox, det skyldes nok at du
har nogle margener som ikke helt bliver styrede når du bruger html og
css sådan som du gør.
Først et par CSS-tips, nogle af dem for at spare plads, andre for også
at få mere overblik ved at en indstilling gøres centralt, og derefter
gælder globalt :)
body {
background: #FFFFFF;
margin: 0px 0px 0px 0px;
}
margin: 0px; har samme effekt, så hvis man bare skal have al margin
eller padding eller... væk, så er det let at nøjes med.
CSS _bør_ faktisk kende forskel på body og BODY, så når du har
ovenstående i dit stylesheet, og <BODY> i din html-kode, er resultatet
ikke forudsigeligt... Jeg foreslår at du ændrer i html-koden
h1 {
font-family: verdana,arial, sans-serif;
font-size: 50px;
padding: 0px 0px 0px 0px;
}
h2 {
font-family:verdana,arial, sans-serif;
font-size: 18px;
padding: 0px 0px 0px 0px;
}
osv med h3, h4 og h6
Hvis du sætter font-family på body, vil den gælde alle elementer i body
(dvs alt på siden). Er det ikke listigere, eller har du noget du gerne
vil have undtaget?
Dernæst kan du efter min mening med fordel samle den information som er
fælles for alle overskrifter:
h1, h2, h3, h4, h6 {
padding: 0;
margin: 0;
}
- da jeg er ret sikker på at et af dine Firefox problemer er marginer,
har jeg fjernet dem også.
Tilbage er så at få sat de individuelle overskriftsstørrelser:
h1 {
font-size: 50px;
}
osv...
Du bruger ret konsekvent noget der ligner:
<div id="Overskrift1">
<h1>Sportsfisk.dk</h1>
</div>
til overskrifterne. Det er en besværlig strategi, hvor du har en del
ubekendte faktorer i padding og margin at skulle indstille på. Det er
mere effektivt bare at bruge:
<h1 id="Overskrift1">Sportsfisk.dk</h1>
Så bliver det også pludseligt tydeligt hvad der går galt. Du har
defineret H1 til at være 50px fontstørrelse, men:
#Overskrift1 {
height: 20px;
width: 360px;
border: 0px;
background: #FFFFFF;
position:absolute; top: 1px;left: 10px;
}
det skal klemmes ned i en 20 px høj boks (eller er det mig der overser
noget)?
Jeg kan i øvrigt ikke forstå at du siger at Explorer gør som du beder
om, den der boks skulle stå på positionen 1 x 10px det gør den ikke i
min IE6, den står noget der ligner 18px fra såvel venstre som top kant.
Jeg er ret sikker på at det er fordi IE har en margin på både div og h1,
som den ikke vil lade positioneringen undertrykke. Som sagt: det bliver
noget mere overskueligt hvis du kun har overskriften, og prøv også at
sætte border på af og til, så du kan se hvilke elementer der rækker hvor
langt.
Endelig har du border: 0px; på næsten alt i dit stylesheet. Det er langt
fra nødvendigt. Som udgangspunkt er der stort set ingenting der har
border, udover linkende billeder. Border på alle linkende billeder kan
fjernes en gang for alle med
a img {
border: 0px;
}
mvh
Jesper Brunholm
| |
Jørn Andersen (07-11-2006)
| Kommentar
Fra : Jørn Andersen |
Dato : 07-11-06 08:10 |
|
On Tue, 07 Nov 2006 01:39:13 +0100, Jesper Brunholm
<nospam@brunholm-scharff.dk> wrote:
>Først et par CSS-tips, nogle af dem for at spare plads, andre for også
>at få mere overblik ved at en indstilling gøres centralt, og derefter
>gælder globalt :)
>
>body {
> background: #FFFFFF;
> margin: 0px 0px 0px 0px;
>}
>
>margin: 0px; har samme effekt, så hvis man bare skal have al margin
>eller padding eller... væk, så er det let at nøjes med.
margin:0;
- fylder endnu mindre (der er ingen grund til at have enheder på en
nul-værdi). 
--
Jørn Andersen,
Brønshøj
| |
Jens Gyldenkærne Cla~ (07-11-2006)
| Kommentar
Fra : Jens Gyldenkærne Cla~ |
Dato : 07-11-06 09:22 |
|
Jesper Brunholm skrev:
> CSS _bør_ faktisk kende forskel på body og BODY, så når du har
> ovenstående i dit stylesheet, og <BODY> i din html-kode, er
> resultatet ikke forudsigeligt...
Hvor har du det fra?
HTML er ikke versalfølsom og type selectors (der matcher html-
elementer som fx body) er følgelig heller ikke versalfølsomme. Det
ville være særdeles upraktisk hvis css-parseren skulle skelne
mellem BODY, Body og body mens html-parseren behandlede dem alle
ens - og browserne opfører sig heller ikke sådan.
Anvender man xhtml med en xml-baseret mime-type (fx
application/xhtml+xml), er det en anden sag - så er der forskel på
body, Body og BODY. Men da IE stadig ikke forstår xhtml på denne
måde, er det primært en teoretisk debat.
CSS er rigtignok versalfølsom mht. klasse- og id-navne - der er
forskel på #menu og #Menu og på div.fed og div.FED - men det gælder
altså ikke normale type-selektorer.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen
| |
Bertel Lund Hansen (07-11-2006)
| Kommentar
Fra : Bertel Lund Hansen |
Dato : 07-11-06 09:53 |
|
Jens Gyldenkærne Clausen skrev:
> CSS er rigtignok versalfølsom mht. klasse- og id-navne - der er
> forskel på #menu og #Menu og på div.fed og div.FED - men det gælder
> altså ikke normale type-selektorer.
Men når det er sagt, så er det en uvane at skrive samme
elementnavn på forskellige måder uanset om det er tilladt eller
ej.
--
Bertel
http://bertel.lundhansen.dk/ http://fiduso.dk/
| |
Jesper Brunholm (07-11-2006)
| Kommentar
Fra : Jesper Brunholm |
Dato : 07-11-06 13:32 |
|
Jens Gyldenkærne Clausen skrev:
>> CSS _bør_ faktisk kende forskel på body og BODY, så når du har
>> ovenstående i dit stylesheet, og <BODY> i din html-kode, er
>> resultatet ikke forudsigeligt...
>
> Hvor har du det fra?
Det var en fejl-huskning/sammenblanding af reglen om at elementer skal
skrives med småt i xhtml og at id+class-betegnelser er case-følsomme.
Men du har helt ret: i html4 er der sådan set ikke grund til at skrive
elementer med småt, og CSS'en bør være helt bedøvende ligeglad!
Tak for rettelsen!
> Anvender man xhtml med en xml-baseret mime-type (fx
> application/xhtml+xml), er det en anden sag - så er der forskel på
> body, Body og BODY. Men da IE stadig ikke forstår xhtml på denne
> måde, er det primært en teoretisk debat.
Jeg læser dette, som at du ikke mener at man _skal_ skrive elementer i
XHTML med småt (at det kun er en mime-type-forberedende ting at gøre
det), er det mig der har misforstået specifikationen her:
< http://www.w3.org/TR/xhtml1/#h-4.2> ?
mvh
Jesper Brunholm
| |
Henrik Uggerhøj (07-11-2006)
| Kommentar
Fra : Henrik Uggerhøj |
Dato : 07-11-06 21:29 |
|
Hej
Det er nok sjusk at jeg har blandet store og små bogstaver.
Nu har jeg rettet de ting I har foreslået, og intet hjælper.
Men livet går videre og jeg er igang med ny side i xhtml 1.0 trans.
hvor jeg ønsker at fra menuen at kunne aktivere og vise både
videoclips og billeder i et vindue mit i browseren.
Er der nogen som har en god ide om hvordan det gøres enkelt.
hilsen Henrik
--
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
| |
Jesper Brunholm (07-11-2006)
| Kommentar
Fra : Jesper Brunholm |
Dato : 07-11-06 22:20 |
|
Henrik Uggerhøj skrev:
> Det er nok sjusk at jeg har blandet store og små bogstaver.
> Nu har jeg rettet de ting I har foreslået, og intet hjælper.
Undskyld, men hvor har du rettet?
Jeg ser stadig en div udenom en overskrift, id på div'en, og div'en er
20 px høj, mens den overskrift som skal få plads inde i div'en er 50px høj.
> Men livet går videre og jeg er igang med ny side i xhtml 1.0 trans.
> hvor jeg ønsker at fra menuen at kunne aktivere og vise både
> videoclips og billeder i et vindue mit i browseren.
> Er der nogen som har en god ide om hvordan det gøres enkelt.
Det er absolut ikke for at være grov, men hvis du holder den standard
med manglende konsistens, som jeg omtaler ovenfor, tvivler jeg kraftigt
på at det kan lade sig gøre.
Derudover så er den mest stabile måde at lave sådan noget på, at lave en
side pr billede/videoklip man skal have vist. Det kan dog også laves med
javascript, det ved de mere om i gruppen
dk.edb.internet.webdesign.clientside
mvh
Jesper Brunholm
| |
Henrik Uggerhøj (07-11-2006)
| Kommentar
Fra : Henrik Uggerhøj |
Dato : 07-11-06 23:00 |
|
Jesper Brunholm wrote in dk.edb.internet.webdesign.html:
> Henrik Uggerhøj skrev:
> > Det er nok sjusk at jeg har blandet store og små bogstaver.
> > Nu har jeg rettet de ting I har foreslået, og intet hjælper.
>
> Undskyld, men hvor har du rettet?
>
> Jeg ser stadig en div udenom en overskrift, id på div'en, og div'en er
> 20 px høj, mens den overskrift som skal få plads inde i div'en er 50px høj.
>
> > Men livet går videre og jeg er igang med ny side i xhtml 1.0 trans.
> > hvor jeg ønsker at fra menuen at kunne aktivere og vise både
> > videoclips og billeder i et vindue mit i browseren.
> > Er der nogen som har en god ide om hvordan det gøres enkelt.
>
> Det er absolut ikke for at være grov, men hvis du holder den standard
> med manglende konsistens, som jeg omtaler ovenfor, tvivler jeg kraftigt
> på at det kan lade sig gøre.
>
> Derudover så er den mest stabile måde at lave sådan noget på, at lave en
> side pr billede/videoklip man skal have vist. Det kan dog også laves med
> javascript, det ved de mere om i gruppen
> dk.edb.internet.webdesign.clientside
>
> mvh
>
> Jesper Brunholm
Jeg har rettet de ting du skrev om, det næste med at div ikke passede med
fontstørrelsen gør ingen forskel. Fejlen må være omkring menu-baren.
but whatever.
henrik
--
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
| |
Jesper Brunholm (08-11-2006)
| Kommentar
Fra : Jesper Brunholm |
Dato : 08-11-06 12:07 |
|
Henrik Uggerhøj skrev:
> Jeg har rettet de ting du skrev om, det næste med at div ikke passede med
> fontstørrelsen gør ingen forskel.
Det er så der vi er uenige, jeg tror at den - for mig at se mærkelige -
konstruktion med en id-bærende div udenom et h-element som skal styles
er både en ekstra komplikation, og det der får det til at gå galt her.
For nu ikke at nøjes med at tro, har jeg taget din kode og udført de
ændringer som jeg har snakket om. < http://www.garion.dk/test.html> og
< http://www.garion.dk/test.css>
Siden validerer som HTML og CSS, og ser ud som sportsfisk.dk gør i min
IE6, i både Firefox og IE6.
Jeg vil overlade til dig selv at kigge i koden og se at den eneste
ændring jeg har lavet med menupunkter, er at sætte menupunkt 4 til samme
højde som de andre.
Et par tips mere, som jeg ikke har udført i din kode (der skal også være
lidt til dig )
Når en række elementer skal have fælles værdi, kan du med fordel sætte
den i en class som de deler. Det har du også gjort, idet du har lavet
v-link, så hvis du i den definerer højden og background-color, så
slipper du dels for at gøre det på alle dine #menufelt definitioner,
_og_ hvis du skulle få lyst til at ændre, så skal det kun gøres et sted!
Background på alle #picture definitionerne er overflødig når du har den
på body.
Der er ingen grund til alle container-div'erne, både img og a kan
sagtens tildeles et id og positioneres, a skal bare have block-display,
som du kan give alle a-elementer på din side på en gang med:
a {
display: block;
}
mvh
Jesper Brunholm
| |
Henrik Uggerhøj (12-11-2006)
| Kommentar
Fra : Henrik Uggerhøj |
Dato : 12-11-06 20:08 |
|
Hej Jesper
Når jeg indlæser din css-fil, så er tegnsættet ikke læsbart hos mig.
Er der noget specielt jeg skal gøre før jeg indlæser den.
Henrik
Jesper Brunholm wrote in dk.edb.internet.webdesign.html:
> Henrik Uggerhøj skrev:
> > Jeg har rettet de ting du skrev om, det næste med at div ikke passede med
> > fontstørrelsen gør ingen forskel.
>
> Det er så der vi er uenige, jeg tror at den - for mig at se mærkelige -
> konstruktion med en id-bærende div udenom et h-element som skal styles
> er både en ekstra komplikation, og det der får det til at gå galt her.
>
> For nu ikke at nøjes med at tro, har jeg taget din kode og udført de
> ændringer som jeg har snakket om. < http://www.garion.dk/test.html> og
> < http://www.garion.dk/test.css>
>
> Siden validerer som HTML og CSS, og ser ud som sportsfisk.dk gør i min
> IE6, i både Firefox og IE6.
>
> Jeg vil overlade til dig selv at kigge i koden og se at den eneste
> ændring jeg har lavet med menupunkter, er at sætte menupunkt 4 til samme
> højde som de andre.
>
> Et par tips mere, som jeg ikke har udført i din kode (der skal også være
> lidt til dig )
>
> Når en række elementer skal have fælles værdi, kan du med fordel sætte
> den i en class som de deler. Det har du også gjort, idet du har lavet
> v-link, så hvis du i den definerer højden og background-color, så
> slipper du dels for at gøre det på alle dine #menufelt definitioner,
> _og_ hvis du skulle få lyst til at ændre, så skal det kun gøres et sted!
>
> Background på alle #picture definitionerne er overflødig når du har den
> på body.
>
> Der er ingen grund til alle container-div'erne, både img og a kan
> sagtens tildeles et id og positioneres, a skal bare have block-display,
> som du kan give alle a-elementer på din side på en gang med:
>
> a {
> display: block;
> }
>
>
> mvh
>
> Jesper Brunholm
--
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
| |
Jesper Brunholm (12-11-2006)
| Kommentar
Fra : Jesper Brunholm |
Dato : 12-11-06 22:27 |
|
Henrik Uggerhøj skrev:
> Hej Jesper
> Når jeg indlæser din css-fil, så er tegnsættet ikke læsbart hos mig.
> Er der noget specielt jeg skal gøre før jeg indlæser den.
Nej, ikke mig bekendt. Det er lavet i en almindelig tekst-editor, ikke
engang med UTF-8. Jeg kan godt se at Notepad laver nogle sjove tegn for
linjeskift, men åbn det eventuelt i Firefox eller lignende browser, der
vises det nydeligt.
Svar i øvrigt gerne under det du svarer på, og skær det væk som du ikke
svarer på
mvh
Jesper Brunholm
| |
Jens Gyldenkærne Cla~ (07-11-2006)
| Kommentar
Fra : Jens Gyldenkærne Cla~ |
Dato : 07-11-06 09:57 |
|
Bertel Lund Hansen skrev:
> Men når det er sagt, så er det en uvane at skrive samme
> elementnavn på forskellige måder uanset om det er tilladt
> eller ej.
Jo jo - det er bl.a. derfor jeg foretrækker at skrive xhtml.
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen
| |
Jens Gyldenkærne Cla~ (07-11-2006)
| Kommentar
Fra : Jens Gyldenkærne Cla~ |
Dato : 07-11-06 14:48 |
|
Jesper Brunholm skrev:
>> Anvender man xhtml med en xml-baseret mime-type (fx
>> application/xhtml+xml), er det en anden sag - så er der
>> forskel på body, Body og BODY. Men da IE stadig ikke forstår
>> xhtml på denne måde, er det primært en teoretisk debat.
>
> Jeg læser dette, som at du ikke mener at man _skal_ skrive
> elementer i XHTML med småt (at det kun er en
> mime-type-forberedende ting at gøre det), er det mig der har
> misforstået specifikationen her:
Du har ikke misforstået specifikationen - elementer i xhtml skal
skrives med småt. Men når xhtml anvendes med mime-typen text/html -
som det sker i 99 % af tilfældene - anvender browseren regelsættet
for html.
Jeg lavede lige en hurtig test på siden her:
< http://gyros.dk/usenet/asp/doctypex.asp>
Med mime-typen text/html vises en blå kant om formen (qua reglen
Form{ border: 1px dotted blue; })
Med mime-typen application/xhtml+xml er kanten rød (da førnævnte
selektor ikke matcher <form>)
--
Bolig søges. Andel eller leje i Emdrup, Nordvest, Nørrebro, Søborg
eller Brønshøj, max 6000 pr. måned.
Kontakt pr. mail - nospam(at)gyros.dk
Jens Gyldenkærne Clausen
| |
|
|