Avatar billede bigm Nybegynder
20. september 2005 - 14:20 Der er 130 kommentarer og
2 løsninger

W3C godkendelse (Hjælp til fejlrettelser)

Hej Med Jer

Nu er det på tide at BigM.dk bliver W3C godkendt m.m., så jeg håber der er nogen der kan hjælpe mig med fejlmeddelelserne på flg. side:

http://validator.w3.org/check?uri=http%3A%2F%2Fbigm.dk&charset=%28detect+automatically%29&doctype=Inline

Jeg har rodet lidt med det, men kan ikke lige se en løsning på:

there is no attribute "ROWS"
there is no attribute "FRAMEBORDER"

m.m. :-)

På forhånd mange tak!

-BigM
Avatar billede screem_brille Novice
20. september 2005 - 16:03 #1
prøv og indsæt et " før (eller efter) så værdien er omgivet af "" i de linier den bokker sig over
Avatar billede olebole Juniormester
20. september 2005 - 17:51 #2
<ole>

Balladen starter nok allerede ved DTD'en, der i frameset-dokumentet bør være:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Dernæst er frameborder-attributten ikke valid på et frameset-element ... kun på et frame-element.
Framespacing er heller ikke en valid attribut.

For en ordens skyld burde du nok også lukke dit yderste frameset med </frameset>

/mvh
</bole>
Avatar billede bigm Nybegynder
20. september 2005 - 19:49 #3
Olebole-> Du er da pænt sej. Hvordan kan det være at der også skal stå "http://www.w3.org/TR/html4/frameset.dtd" øverst? Med det reducerede 20fejl til 4fejl, bare så'n. Og så lukkede jeg den sidste frameset og wupti; nu kun 3fejl.

Du skriver:
Dernæst er frameborder-attributten ikke valid på et frameset-element ... kun på et frame-element.
Framespacing er heller ikke en valid attribut.

Hvad skal jeg så bruge?

screem_brille-> Jeg har "" rundt om værdierne. F.eks: <frameset rows="*,500,*" frameborder="0" framespacing="0" border="0"> Hvis det var det du mente! :-)
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 06:47 #4
>> "Hvad skal jeg så bruge?"

Du skal skam bruge dem.... bare ikke der...*S*
Hvad ole mener er:
attributterne er sat det forkerte sted
du har sat dem inden i <frameset> taget...der høre de ikke til...
De skal side  <frame> taget....

Det eneste der må være i <framset> er rows og cols
frameborder bruges i <frame>

Se http://www.w3.org/TR/html4/present/frames.html

c",)


Ps. ....du kan style både frameset og frames med CSS
Avatar billede bigm Nybegynder
21. september 2005 - 07:34 #5
Jesper-moeller -> Ahh... OK! Sad og kiggede lidt, men kan ikke lige gennemskue hvordan scriptet så skal skrives. Har også haft kigget lidt på css, men det gik heller ikke så godt! :-) Her er koden... har skal jeg smide border m.m. henne?

<frameset rows="*,500,*" frameborder="0" framespacing="0" border="0">
  <frame src="kant.htm" SCROLLING="no" NORESIZE>
<frameset frameborder="0" framespacing="0" border="0" cols="*,750,*">
    <frame src="kant.htm" name="Top_1" scrolling="no" noresize>
    <frame src="index1.htm" name="indhold_0" scrolling="no" noresize>
    <frame src="kant.htm" name="Bund_1" scrolling="no" noresize>
</frameset>
  <frame src="bund.htm">
</frameset>

Mange tak!
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 07:39 #6
her
<frame src="kant.htm" scroling="no" frameborder="0" nosize>
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 07:40 #7
altså.... fjern frameborder fra frameset tags...og indsæt det i frame tags :-)
Avatar billede bigm Nybegynder
21. september 2005 - 08:27 #8
Godt så

Nu ser de første to linien af frame delen så'n her ud:

<frameset rows="*,500,*" framespacing="0" border="0">
  <frame src="kant.htm" scrolling="no" frameborder="0" noresize>

Nu er første fejl rette mod framespacing="0" i stedet for frameborder="0"

Hvis jeg skiftevis flytter framespacing="0" og border="0" ned under frame src får jeg stadig fejl. Hvad går galt?

Scriptet ser således ud nu:

<frameset rows="*,500,*" framespacing="0" border="0">
  <frame src="kant.htm" scrolling="no" frameborder="0" noresize>
<frameset frameborder="0" framespacing="0" border="0" cols="*,750,*">
    <frame src="kant.htm" name="Top_1" scrolling="no" noresize>
    <frame src="index1.htm" name="indhold_0" scrolling="no" noresize>
    <frame src="kant.htm" name="Bund_1" scrolling="no" noresize>
</frameset>
  <frame src="bund.htm">
</frameset>
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 08:59 #9
Du kan se de atributter du kan bruge i frameset og frame i det link jeg gav  ( http://www.w3.org/TR/1999/REC-html401-19991224/present/frames.html#h-16.2.2 )

framespacing og  border eksistere ikke i HTML4 ... )-;
Så her må du ty til CSS for at style....
Avatar billede bigm Nybegynder
21. september 2005 - 09:16 #10
OK! Den havde jeg lige overset.

Jeg opretter en fil der hedder frames.css og tilføjer flg. linie i index.html
<link rel="stylesheet" type="text/css" href="frames.css">

i frames.css skriver jeg:

{
framespacing:0;
border:0;
}

Men hvordan får jeg den til at referere til den rigtige frame? Altså hvad skal jeg skrive ud for { ?
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 15:11 #11
frame { border.0; }

*S*
Du starte med taget ...*S*.... lige som al anden styling

du kan også give enkelte frames egen ID eller class

frame { border.0; }
frame.refleksfri { border.0; glas: reflexfrit; }

<frame src=" " name=" 1" scrolling="no"  id="refleksfri" noresize>

Du må nok hellere lige tage et smut forbi w3c og chekke vilke atributer du kan/må bruge... ( Så vidt jeg husker er framespacing kun tilladt i MathML ) her er CSS2 http://www.w3.org/TR/CSS2/ men husk...ikke alle browsere understøtter alle CSS lige godt ...(Test)
Du kan altid teste dit CSS her http://jigsaw.w3.org/css-validator/
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 15:12 #12
Ups....
border:0 virker nok bedre...*S*
Avatar billede olebole Juniormester
21. september 2005 - 15:53 #13
Jeg husker desværre ikke lige hvor - men jeg er helt sikker på, at jeg på W3C har læst, at CSS' border-spacing property bør kunne bruges i stedet for framespacing  :)
Avatar billede olebole Juniormester
21. september 2005 - 15:57 #14
- aha:
    http://www.w3.org/TR/CSS21/tables.html#propdef-border-spacing

"Note: user agents may also apply the 'border-spacing' property to 'frameset' elements. Which elements are 'frameset' elements is not defined by this specification and is up to the document language. For example, HTML4 defines a <FRAMESET> element, and XHTML 1.0 defines a <frameset> element. The 'border-spacing' property on a 'frameset' element can be thus used as a valid substitute for the non-standard 'framespacing' attribute."

Browserklienter _kan_ vælge at bruge border-spacing på samme måde som framespacing. De _skal_ ikke  :o|

Prøv, om det virker  :)
Avatar billede olebole Juniormester
21. september 2005 - 16:01 #15
- og så bliver det zq rart, når Eksperten 'genopfinder' e-mailen  :o|
Avatar billede bigm Nybegynder
21. september 2005 - 16:01 #16
Cool! Mange tak! Jeg er pt. ved at læse om CSS på W3.org, så nu ender det med at jeg bliver super sej til det :-) Men jeg kigger lige på det. Jeg håber på at I kan få nogle points i løbet af i dag/i morgen. Men jeg vil vildt gerne have det til at spille.

Igen, mange tak!
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 16:22 #17
ole >> Har det på samme måde....ved der er noget man kan gøre....men bruger frames så lidt at jeg har glemt hvad... (Lidt som mit sexliv *G*)

Og mht e-mailen ... så mindes jeg dengan postbudet leverede hver morgen kl 8....han var stabil...*S*
(oplever alt for ofte at få mails fra eksperten. der er op mod 48 timer gamle...kangå en hel dag eller 2 uden mails.... og så kommer alle mails pludselig på en gang...


bigm >>
dejligt nogen gider sætte sig ind i det...*S... held og lykke på din rejse ind i CSS land... *S* ...tror du vil kunne lide landskabet

Husk.. god CSS kræver god HTML.... det er ikke nok kun den ene er i orden
Avatar billede olebole Juniormester
21. september 2005 - 16:31 #18
At du er glad og begyndt at finde ud af at læse W3C's rekommendationer, er langt mere værd end points. Kurven kan være lidt stejl, når man skal lære at læse dem, men du bliver glad for dem i længden, hvis du 'holder ud'  :)

Til dit første spørgsmål om DTD'en (= DocType Definition):
DTD'en er noget af det vigtigste i HTML-dokumentet. Det fortæller browseren, hvilken HTML-version, dokumentet er skrevet i - og hvordan det derfor skal tolkes.
Hvis du skriver en forkert DTD, vil mange browsere - efter forgæves forsøg på at tolke dokumentet - gætte sig frem til, hvordan dokumentet så skal tolkes. I mange tilfælde gætter browseren rigtigt, men det er ikke altid, siden tolkes, som forventet ... det skal jeg vise dig om lidt.
Validatoren gætter derimod ikke. Den forsøgte at tolke dit frameset-dokument udfra den HTML-version, du 'påstod', det var skrevet i. Derfor de mange validator fejl i forhold til DTD'en.

At browserne gætter for os - og retter op på en bunke kodefejl - er noget, vi skal vænne fra. Dels er de kommende standarder langt mere stringente og dels er det browserleverandørernes klare ønske at lave 'lettere' browsere. Så vi kan ligeså godt få fingeren ud  :)

I CSS er der noget, der kaldes box-modellen. Det er de regler, der beskriver, hvordan margin, border og padding skal opføre sig på og hvorledes de skal renderes.
IE har altid haft helt sin egen box-model, som var i direkte modstrid med CSS, men det valgte man at rette op på i IE6.0:
    http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html/cssenhancements.asp
- kik under: The DocType Switch

Prøv f.eks. dette dokument, der opfører sig som det skal ifølge CSS. Se det i både IE og FF:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
div {
    width: 150px;
    height: 150px;
    background-color: yellow;
}
.redBorder {
    border: 50px solid red;
}
</style>
</head>
<body>

<div>&nbsp;</div>

<div class="redBorder">&nbsp;</div>

</body>
</html>

Prøv så det samme dokument uden DTD.

Prøv så det samme dokument med DTD, men uden URL'en - altså bare:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Prøv så det oprindelige dokument, med bare en HTML-kommentar før DTD'en:

<!-- IE stinker -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
... osv - osv ...

Godtnok er eksemplet ekstremt med en border på 50px (samme forhold gælder iøvrigt padding), men det viser, hvormeget DTD'en betyder  :)
Avatar billede olebole Juniormester
21. september 2005 - 16:42 #19
Du kan iøvrigt altid teste, om et dokument overholder CSS (jvnf. det link, jeg lagde i sidste kommentar) ved at skrive:
    java script:alert(document.compatMode)
- i adresselinjen på browseren og trykke 'Return'.
Returneres 'CSS1Compat', overholdes CSS. Returneres derimod 'BackCompat', er IE gået i quirks-mode og overholder ikke CSS.

En test på den side, du læser nu, returnerer 'BackCompat'. Det skyldes XML-prologen, der står før DTD'en. På denne side ligger f.eks. borders derfor indenfor elementerne i IE, men udenfor elementerne i FF ... hvis vi definerer elementerne ved deres bredde og højde.

- pyha ... det var meget på én gang. Brug noget tid på at tygge dig igennem det hele  ;o)
Avatar billede olebole Juniormester
21. september 2005 - 16:45 #20
Jesper >> sex-attributten er så vidt jeg ved readOnly  :o|
Avatar billede bigm Nybegynder
21. september 2005 - 16:55 #21
:-)

Tak for info.. det var godt nok meget.
Det hvor jeg bla. hænger lidt nu, er at folk fraråder frames (som jeg bruger). Men jeg har bare aldrig kunnet finde ud af at lave det samme layout med tables. :-(
Vil helt klart til at lære noget CSS, det er sq for genialt.

Takker mange gange
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 17:40 #22
frames / tables / CSS .... Ja det er jo hele 3 ting...... det går virkeligt ikke...*G*
Og bare rolig....ligegyldigt vilken løsning du vælger.... så skal du nok nå at få grå hår...*S*

ole >> Pyt med den er read only ... *S* ... du vælger da bare braille som media type så .... *G*
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 17:44 #23
Ole >>
Den DocType Switch forklaring må du da snart kunne skrive i søvne...*GS* ... det er da ofte man ser dig skrive den...*G* ...måske du burde have den ligende til copy paste...*G*
Avatar billede olebole Juniormester
21. september 2005 - 17:53 #24
- går og pusler med et lille site med nogle artikler ... det grundlæggende HTML-dokument bliver noget af det første. I modsætning til de fleste tut-forfattere, så begynder et basalt HTML-dokument i min verden med en DTD  :)
Avatar billede olebole Juniormester
21. september 2005 - 17:57 #25
Jesper >> "Darrrvs, Putte! Må jeg læse din aura? ... jeg bruger den senere så kendte nordmongolske braille-aura-læsnings teknik"

Du har zq ret ... det åbner helt nye perspektiver  =8-)
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 18:05 #26
Ole >>
Lyder som en rigtig god ide....har selv haft samme tanker....men føler mig langt fra god nok til at kunne tillade mig at lave en sådan side...
men hvis du er interesseret har jeg en (syntes jeg selv) god ide til et sjovt/anderledes design til sådan en side ( sjov og anderledes... men stadigt seriøst og troværdigt



Media type Aura ??? Uha.... det lyder....hmmm............. Alternativt ?? .... ;-P
Avatar billede apo Praktikant
21. september 2005 - 18:22 #27
ole > vil: java script:alert(document.compatMode) kunne erstatte W3C's validerings-tester?
Avatar billede apo Praktikant
21. september 2005 - 18:25 #28
validerings-tester = validator :-)
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 18:33 #29
apo >>
Nej...slet ikke

Den fortæller dig kun i vilken mode din browser er i når den læser siden...
den samme side kan godt vises i standarmode i en browser.... men i Quirk i en anden
Vilken mode din browser er i har ikke meget at gøre med valideringen
Hvis du fjerne DTD fra en valid side...er side stadig valid....men browsere vil vise den i qurik mode
Avatar billede apo Praktikant
21. september 2005 - 18:40 #30
jesper-moeller > Okay, tak. Jeg havde egentlig også forventet at svaret var 'nej' (Det ville også have været for letkøbt, hvis man kunne validere sin HTML/CSS på så simpel en måde) :-)
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 18:45 #31
apo >>
Tag et kig på mange af de sider der påstår at være valid ...... der skulle man tro den metode var blevet brugt
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 18:48 #32
apo >>
Brug et par minutter eller 15 på http://www.cs.tut.fi/~jkorpela/html/validation.html og du vil få et lidt mere nuanceret syn på validering ...*S*
Avatar billede apo Praktikant
21. september 2005 - 18:48 #33
Jep, jeg har før været på rundtur for at få et indtryk af hvor mange sites, der egentlig går op i W3C-standarderne. Det er faktisk skuffende lidt; også blandt de 'store' sites, hos hvem man burde kunne forvente at der var styr på koderne.

Det er også forbavsende få af de 'store' sites, der bruger en fuld DTD; Hvilket undrer mig :-/
Avatar billede apo Praktikant
21. september 2005 - 18:55 #34
jesper-moeller > Jeg er klar over at W3C-validatorerne ikke undersøger om koderne er hensigtsmæssigt anvendt, men kun undersøger om de overholder standarderne.

Af samme årsag venter jeg med at tjekke mine sider i validatorerne, til de skal frigives (Jeg har de seneste måneder brugt megen tid på at lære at skrive korrekt og hensigtsmæssig HTML/CSS, så der burde ikke være fejl i min nuværende koder - Burde!).

Men for at være sikker, får de lige en gennemgang med validatoren på et tidspunkt :-)
Avatar billede olebole Juniormester
21. september 2005 - 18:59 #35
Gad vide, hvor mange webbureau direktører, der ville acceptere, at en mekaniker med samme kompetenceniveau, som bureauets kodere, roder med motoren i hans BMW?

Webbranchen er nok den branche, hvor der accepteres mindst faglige kompetencer. Den er skandaløst dårligt uddannet - og umoralsk til benet  :o|
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 19:01 #36
at nogle firmaer siger de er profesionelle betyder ikke de aner meget om HTML...
hvad nytter det at der er ansat 10 dygtige PHP pogramøre til at lave en hjemmeside...hvis ikke en af dem ved noget om HTML

Her har du lidt uddrag fra nogle mails mellem en dansk net-udbyder og jeg, vedr deres hjemmeside..
(De kanon til det med servere ol.. men det med at lave HTML det kniber)

de skrive bla :
> W3 melder også om display: inline-block fejl i standard.css, men
> det er efter vores bedste overbevisning en fejl i
> valideringsmaskinen, da vores stylesheet er udformet som
> beskrevet på:
> http://www.w3.org/TR/CSS21/visuren.html#display-prop

display: inline-block er en fejl... CSS2.1 er working draft og validere derfor ikke...

Og den HELT slemme:
> Vi har valgt XHTML 1.1, fordi det er den valideringsmæssigt
> strengeste form for HTML tilgængelig for øjeblikket - og vi er
> faktisk allerede ved at forberede os på XHTML 2.0. Vi har løbende
> højnet kravene til validering internt, på denne måde sikrer vi os
> bedst muligt at vores hjemmeside fungerer ensartet i alle
> browsere.

Dette er noget være sluder af flere årsager, af dem kan nævnes
1. Der eksistere ikke en browser på markedet der kan vise XHMTL enu...
2. Deres side serveres som text/html .... vilket et XHTML document ikke kan...
Find selv flere *G*
De kunne lige så godt ha lavet html 4

Så bare fordi de er store og såkaldt "profesionelle" betyder ikke de aner hvad de laver ...*G*
Avatar billede apo Praktikant
21. september 2005 - 19:02 #37
Nu vi er ved det med validering og korrekte koder. Jeg tog et kig på kildekoden til:
http://www.cs.tut.fi/~jkorpela/html/validation.html, og faldt over følgende:

font-weight: 600;

Skulle der ikke have stået enten 'normal' eller 'bold'?
Avatar billede apo Praktikant
21. september 2005 - 19:10 #38
"Gad vide, hvor mange webbureau direktører, der ville acceptere, at en mekaniker med samme kompetenceniveau, som bureauets kodere, roder med motoren i hans BMW?"

Det skyldes sikkert at direktørerne ikke lægger mærke til at deres kunders websites er opbygget som en Lada. Men direktørerne ville nok straks lægge mærke til hvis deres 'bimmere' kørte med Lada-motorer ;-)
Avatar billede roenving Novice
21. september 2005 - 19:12 #39
>>apo 19:02:39

-- nej, det er også muligt at angive font-weight i tal fra 100 til 900, hvor bold, såvidt jeg husker, svarer til 700 og normal til 400 !-)
Avatar billede apo Praktikant
21. september 2005 - 19:13 #40
Ja, det opdagede jeg lige: http://www.w3.org/TR/REC-CSS2/fonts.html#font-styling - Jeg var gået på jagt ;-)
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 19:16 #41
ole >>
Meget fordårligt....
Men mon ikke det bla skyldes at så få af kunderne ved hvad det er de får....
det er jo svært som kunde at gardere sig mod / opdage fejl og mangler, når man ikke ved hvad man skal se efter....
Jeg tror at kvaliteten  vil stige i takt med kunderne bliver mere kvalitets beviste... jo støre den generelle viden til et emne er....detsto støre bliver også den håndværksmæsige kunne også....
Jo støre strømforbruget og priserne er blevet, .........detsto størere er kendskabet til og efterspørgelsen på, enegibesparende elaperater det også... (Markedskræfter)
Det samme vil nok også gøre sig gældende med internettet og hjemmesider.... efterhånden som folk i almindelighed bliver bedre til at bruge nettet
Avatar billede apo Praktikant
21. september 2005 - 19:16 #42
roenving > Men er der overhovedet en god grund til at bruge andet end 'normal' og 'bold'? Jeg har tidligere eksperimenteret med 'bolder' osv., men kunne ikke se nogen umiddelbar forskel.
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 19:20 #43
Mht . webbureauer
Med lidt god vilje kan følgende talemåde vel egenligt godt bruges


"Hvad kvinder gør ved deres udseende,  ville enhver brugtvognsforhandler komme i fængsel for!"
Avatar billede apo Praktikant
21. september 2005 - 19:21 #44
j-m > :-D
Avatar billede apo Praktikant
21. september 2005 - 19:26 #45
j-m > ... Og egentlig ikke. Sminken ville ved sammenligning med et webbureaus koder være CSS; Hvilket ikke er ulovligt at bruge (I dag er det vel nærmest 'ulovligt' ikke at anvende CSS? - Hvis man ellers er seriøs).

Det eneste ulovlige må i stedet være hvis 'sminken' er lagt forkert (Dårlig CSS) ;-)
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 19:43 #46
*S*...skrev også..."med lidt god vilje"


mit indlæg her 21/09-2005 19:01:57 er vel egenligt et godt eksempel på blå 80'er øjenskygge ....*G*.... Temligt kikset (Især på mig)


c",)

.
Avatar billede bigm Nybegynder
21. september 2005 - 21:59 #47
Hold da op en masse... :-)

Nå... prøvede at indsætte border-spacing (border-spacing="0") men det hjalp desværre ikke. Hvad hedder selector'en for frames i CSS? Der burde da være en måde så jeg kan via det sætte border til 0 eller noget tilsvarende? Men umiddelbart kan jeg kun finde en masse til tables.  øw.. :-)
Avatar billede olebole Juniormester
21. september 2005 - 22:03 #48
Du kan vel bruge:

frameset {
  /* regler */
}
frame {
  /* regler */
}

- og så kan du altid sætte en klasse eller bruge en id
Avatar billede olebole Juniormester
21. september 2005 - 22:07 #49
- du skal iøvrigt skrive:
    <frameset style="border-spacing:0" ........>

Det virker på din kommentar, somom du har forsøgt at sætte den som HTML-attribut - og dét virker i hvert fald ikke  :)
Avatar billede bigm Nybegynder
21. september 2005 - 22:09 #50
OK! Jeg har sat den som HTML kommentar. Så prøver lige med CSS.
Avatar billede bigm Nybegynder
21. september 2005 - 22:16 #51
Jeg har lavet en test der hedder http://BigM.dk/test

index.htm har flg. script

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
    <title></title>

<link rel="stylesheet" type="text/css" href="frames.css">
</head>
<frameset rows="*,500,*">
  <frame src="kant.htm" scrolling="no" frameborder="0" noresize>
<frameset frameborder="0" framespacing="0" border="0" cols="*,750,*">
    <frame src="kant.htm" name="Top_1" scrolling="no" noresize>
    <frame src="index1.htm" name="indhold_0" scrolling="no" noresize>
    <frame src="kant.htm" name="Bund_1" scrolling="no" noresize>
</frameset>
  <frame src="bund.htm">
</frameset>
</html>

og frames.css har flg. script (inkl. border:0; og framespacing:0; bare lige for at helgradere :-)

frameset {
  frameset style="border-spacing:0"
  border:0;
  framespacing:0;
}
frame {
  frameset style="border-spacing:0"
  border:0;
  framespacing:0;
}


Men stadig kan man se rammerne. (What in tha hæ'erl)

Virker heller ikke hvis jeg ændre  frameset style="border-spacing:0" til border-spacing:0;
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 22:20 #52
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
    <title></title>
<link rel="stylesheet" type="text/css" href="frames.css">
</head>
<frameset rows="*,500,*" style="border-spacing:0">
  <frame src="kant.htm" scrolling="no" frameborder="0" noresize>
<frameset cols="*,750,*" style="border-spacing:0">
    <frame src="kant.htm" name="Top_1" scrolling="no" noresize>
    <frame src="index1.htm" name="indhold_0" scrolling="no" noresize>
    <frame src="kant.htm" name="Bund_1" scrolling="no" noresize>
</frameset>
  <frame src="bund.htm">
</frameset>
</html>
Avatar billede bigm Nybegynder
21. september 2005 - 22:24 #53
Jesper-Moeller-> Har smidt koden ind i index.htm, men desværre med samme resultat.
Men W3 validatoren ser ud til godt at kunne lide det! :-) 0fejl! hæhæ... hmm...
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 22:26 #54
I stylesheet

frameset { border-spacing: 0; border: 0;}
frameset { border-spacing: 0; border: 0;}
Eller
frameset, frame { border-spacing: 0; border: 0; margin:0; paddig; 0; ......
og hvad du ellers kan finde på af styles der skal passe på begge
Avatar billede olebole Juniormester
21. september 2005 - 22:28 #55
- men du skal vel stadig bruge frameborder="0" på de andre frame-elementer  :)
Avatar billede bigm Nybegynder
21. september 2005 - 22:32 #56
Nu ser begge filer ud som J-M har skrevet, men desværre også med borders. I no like it. Det kunne være jeg skulle tage Homers vise ord: "If it doesn’t work the first time, it's not worth it. Uhhmmm donuts... arrrrhhh..." :-)
Avatar billede olebole Juniormester
21. september 2005 - 22:36 #57
- check lige min forrige kommentar. Jeg kan kun se frameborder="0" på den øverste frame. Prøv at skrive den samme attribut på resten af frame-elementerne
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 22:37 #58
Som ole skrev....
alle dine frame tags <frame> skal have frameborder="0" (mig der glemte dem)....
det er på <frameset> taget de ikke må være på
Avatar billede bigm Nybegynder
21. september 2005 - 22:39 #59
Ups ja... nej desværre nej! :-( Samme resultat!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
    <title></title>
<link rel="stylesheet" type="text/css" href="frames.css">
</head>
<frameset rows="*,500,*" style="border-spacing:0">
  <frame src="kant.htm" scrolling="no" frameborder="0" noresize>
<frameset cols="*,750,*" style="border-spacing:0">
    <frame src="kant.htm" name="Top_1" frameborder="0" scrolling="no" noresize>
    <frame src="index1.htm" name="indhold_0" frameborder="0" scrolling="no" noresize>
    <frame src="kant.htm" name="Bund_1" frameborder="0" scrolling="no" noresize>
</frameset>
  <frame src="bund.htm" frameborder="0">
</frameset>
</html>
Avatar billede jesper-moeller Nybegynder
21. september 2005 - 22:46 #60
Borderen er væk...*S*... men spacing er der enu.....kan man andet en at elske frames ....og IE ....*G*
BRB
Avatar billede bigm Nybegynder
21. september 2005 - 23:02 #61
"snøft" Frames er sq deprimerende, men man jo ikke bare lave slamkode som IE kun fatter, hvis man vil have besøgende på sin side.
CSS og tables skulle hvad jeg har læst, være nemmere at arbejde med. Kan jeg ikke lave en table der er centreret og inde i den er der 3 andre tables?
Det man så bare ikke kan med tables, er at opdatere en bestemt en, den skal refreshe hele siden ved hvert klik. Men det må jeg så leve med.

Lyder det som om jeg har fat i noget af det rigtige, eller burde frames kunne gøre det?

Vender tilbage i morgen.
Avatar billede olebole Juniormester
22. september 2005 - 00:37 #62
Af flere grunde tror jeg, du vil blive glad for at enkelt-dokuments layout i det lange løb - men lad os kikke på det i morgen engang  ;o)
Avatar billede bigm Nybegynder
22. september 2005 - 10:01 #63
Har igen i dag sidder ved computeren... puhh.. det er ved at blive en vane nu! :-)Nå, har rodet lidt med frames men uden held. Kan heller ikke finde noget på google om det. Og hvis jeg kører en W3 validering på div. andre sider med frames, så har de samme problemer. Er pt. ved at kigge på tables, men kan ikke helt gennemskue hvordan jeg får alle mine nuværende "rammer" over i det. Måske jeg skulle ligge ud med at finde på noget nyt??? :-)
Avatar billede bigm Nybegynder
22. september 2005 - 13:33 #64
Så blev der taget en beslutning. Har siddet de sidste par timer og små rodet lidt med tables og css. Wooow... :-) Der er kommet det her ud af det indtil videre
http://bigm.dk/test/test/

Så jeg tror vi holder os til det, altså tables. De er godt nok ikke så brugbare globalt set. Hvis jeg vil ændre opsætningen, skal jeg ind og pille ved alle htm/html filer. Det er sq ikke så nice. Men det går nok, så mange sider skal jeg vidst heller ikke lave.
Har også de sidste par timer oplevet at IE er ligeglad med stavefejl m.m. Det sutter lidt, hvis man vil lave en side ordentlig. hmm...
Gad vide om man kunne lave en standard for stavefejl, så alle browsere vil forstå dem ens! :o)

Jeg har nu kun et evt. ønske, og det er om man kan lave afrundede hjørner på tables? Den kunne være cool!

Mange tak for hjælpen. Smid nogle svar, så jeg kan dele Jeres velfortjente points ud.

-BigM
Avatar billede jesper-moeller Nybegynder
22. september 2005 - 16:00 #65
Der er flere måde at opnå runde hjørner på ....

Man kan bla placere 4 små billeder af hjørnet (evnt som bagrunde) i layerede divs....

Med det kan også lade sig gøre i ren DHTML :-) ...
Følgende sider er lavet helt uden brug af images ;-) ---> file:///Data/Net%20download/nifty2%20Folder/nifty10js.html
Det virker ikke 100% i alle brovsere, men er testet og virker i IE6, IE5.5, Opera 7.6, Firefox 1.0 and Safari 1.1.  så vil jeg foreslå du denne metode
tag et kig denne side http://pro.html.it/articoli/id_599/idcat_31/pag_1/pag.html ... virker måke meget kompliceret ved første øjekaste... men er egenligt temligt simpelt... du downloader et stylesheet og et javasrcipt som du indføre på din sider... ... de elementer/containere du vil have runde hjørner på giver du så en class="Rounded"...og vupti....du har runde hjørner
Der er også en masse andre muligheder et det javascript og CSS men det står altsammen i den meget udførlige instruction

Håber du kan bruge det.... *S*
.
Avatar billede jesper-moeller Nybegynder
22. september 2005 - 16:10 #66
ole -->

Tror også du vil kunne lide nifty løsningen hvis altså ikke du kender den i forvejen....
Nydeligt arbejde.... rart at se nogen der har sat sig ind i tigne.... *S*
Avatar billede bigm Nybegynder
22. september 2005 - 17:36 #67
Skide godt. Jeg ved pt. ikke helt hvad jeg vil. Enten enkelte billeder i hjørnerne, eller det du har skrevet. Vil gerne "Keep it simply" uden java m.m. Men nu må vi se. :-)
Avatar billede jesper-moeller Nybegynder
22. september 2005 - 17:43 #68
*S*...den med javaen er mere simpel en den med de fire hjørnebillerder....
og fordelen er med den at selvom javaen ikke skulle virke/være slået fra.... så er siden stadigt pæn

Med js
file:///Data/Net%20download/nifty2%20Folder/nifty10js.html
Uden js
file:///Data/Net%20download/nifty2%20Folder/nifty10nojs.html
Avatar billede bigm Nybegynder
22. september 2005 - 17:49 #69
OK! Jeg kan ikke åbne de 2 links du har skrevet. file:/// er vidst noget lokalt noget! :-)
Avatar billede jesper-moeller Nybegynder
22. september 2005 - 17:54 #70
Avatar billede bigm Nybegynder
22. september 2005 - 18:00 #71
:-)
Ja, det har du ret i! Det bliver nok det så. Har lige fundet ud af at det jeg har lavet i dag ser fint ud på min computer ude på arbejde, men herhjemme med samme IE, ser det forskudt ud. Crappy skod! :-) Typisk!
Avatar billede olebole Juniormester
22. september 2005 - 18:00 #72
Jo, jeg kender såmænd udmærket 'nifty'. Det har uden tvivl været sjovt at kode, men det er koder af den slags, man normalt smiler ad og dumper i papirkurven, når man har fået kradset chillummen ud igen.

Det er mig dog en gåde, der er folk, der kan finde på at bruge sådan noget i ramme alvor. Så kan man vist heller ikke komme længere væk fra hele meningen med teknologierne og længere væk fra hele rygraden i W3C's arbejde.

Når samme problem kan løses langt mere semantisk - og med kode/data, der fylder langt mindre, har jeg svært ved at se anden anvendelse for 'nifty' end rent legetøj  :)
Avatar billede jesper-moeller Nybegynder
22. september 2005 - 18:14 #73
Ole...

Jeg har efterhånden set en del forskellige løsninger... og syntes nifty er en af de bedre af slagsen... og har da bestem set meget værer løsninger.
Men jeg vil gerne se hvilken metoder / hvorledes du mener man bedst laver de hjørner  ...*S*...

"Så kan man vist heller ikke komme længere væk fra hele meningen med teknologierne og længere væk fra hele rygraden i W3C's arbejde."
Gider du uddybe den ??
Avatar billede bigm Nybegynder
22. september 2005 - 18:47 #74
Okay, er der nogen der kan fortælle mig hvorfor IE sutter så meget r*v at det halve kunne være nok?

http://bigm.dk/pic/problem.gif

Jeg har lavet siden i notepad og brugt IE ude på mit arbejde til at teste den med. Samme version som jeg har herhjemme, hvor det IKKE virker. WWHHYYYYY? Firefox vil godt være med til den, og siden overholder W3C. :-(
Avatar billede olebole Juniormester
22. september 2005 - 18:57 #75
bigm >> Det er der ingen, der kan bedømme på baggrund af et billede.

Jesper >> Jeg ville naturligvis bruge et par små grafikstumper. Det andet er rent pjat, der ikke burde ende på WWW  :)
Det har aldrig været meningen, at du skulle skrive CSS- og JS-filer på længde med Koranen for at lave en lille ubetydelig grafis detalje. Det er lysår fra tanken bag de gængse standarder ... for ikke at sige: Det er den diamentrale modsætning!  :)
Avatar billede bigm Nybegynder
22. september 2005 - 19:02 #76
Ole->

Nej okay,

index.htm koden til top table:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>Testing af tables!</TITLE>
<link rel="stylesheet" type="text/css" href="table.css">
</head>

<body>

<!-- Selve Top delen -->
<table cellSpacing=0 cellPadding=0 width=715 align=center border=0>   
    <tbody>
    <tr>
      <td class=topTD vAlign=top align=left width=715 colSpan=4 height=100>
        Testing 1 2 3 4 5 6 7 8 9 0 Testing
    <td width=0 height=0><img src="topright.gif" alt="">
      </td>
    </tr>
</table>
<!-- Selve Top delen SLUT -->

</body>
</html>

--------------------------------------------------------
CSS koden

body
{
    background-color: #484040   
}

.topTD
{
    BORDER-BOTTOM: black 2px solid; BORDER-TOP: black 2px solid; BORDER-LEFT: black 2px solid; BACKGROUND-COLOR: #ffffff
}

/*.menuTD
{
    BORDER-TOP: black 1px solid; BORDER-RIGHT: black 2px solid; BORDER-LEFT: black 2px solid; BACKGROUND-COLOR: #949494
}*/

.indholdTD
{
    BORDER-TOP: black 2px solid; BORDER-RIGHT: black 2px solid; BORDER-LEFT: black 2px solid; BACKGROUND-COLOR: #ffffff
}

.footerTD
{
    BORDER-BOTTOM: black 2px solid; BORDER-RIGHT: black 2px solid; BORDER-LEFT: black 2px solid; BACKGROUND-COLOR: #ffffff
}
A {
    COLOR: white
}
A:hover {
    COLOR: gray
}

Ole smider du ikke også et svar, så kan I begge få fifty fifty, hvis I begge synes det er OK! :-)
Avatar billede jesper-moeller Nybegynder
22. september 2005 - 20:48 #77
ole >>
Oki....ja deri har du ret...ingen grund til at skyde gråspurve med kanoner og det er da også bedst at kunne selv...*S*
Skal jeg lave runde hjørne bruger jeg somregel også graifkstumper... Men hvis en side indeholde mange forskelligedetalier /hjørne ol så kan koderne nemt blive "tykke".... Det kan godt være nifty er lidt overkill og tungt (især til småting/sider... men selvekoden er da lavet ordenligt af folk der ved noget om det...

bigm
Du tænker på at bunstregne i IE ikke er lige ??? ( http://bigm.dk/pic/problem.gif ) der er lige som en streg under topright.gif ???

Prøv at sætte følgende ind i dit stylesheet

img {display: block; }

(Det er for en gangs skyld IE der rendere rigtigt og FF der laver fejl der...*S*)
Avatar billede jesper-moeller Nybegynder
22. september 2005 - 20:54 #78
Næ....hov.... det er da noget sluder i denne situation.....(Er vist lidt træt idag...*G*)

Sorry


Du har ingen DTD på.... så IE vs FF læger border på hnv inder og yderside....tror det er der den smutter
....
Avatar billede bigm Nybegynder
22. september 2005 - 21:03 #79
Jesper -> grunden til at jeg ikke har DTD med htm på, er at jeg derved får nogle fejl inde på W3 valideringen + at det heller ikke løser problemet! :-( Men img {display: block; } ser ud til at løse problemet! :-) wuuhuu... du er for sej!
Avatar billede jesper-moeller Nybegynder
22. september 2005 - 21:17 #80
Den løste den ??? Oki...*G*....
Ak ja....så var jeg altså ikke helt gal på den...*SG*.... (Hmmmm...må være den manglende liniehøjde der leged med der)
Nå men fint det hjalp

selovm du får nogle fejl ved at have din DTD på...bør du sætte den på alligevel... og så rette de fejl...*S*  ....


og så bør du tillægge dig den vane ikke at skrive med store bogstaver .... mitbilled.jpg ...er ikke det samme som MitBilled.jpg ...eller mitbilled.JPG...
Nogle servere er casesensetive...andre er ikke....på nogle servere kan du kun lægge filer med små bogstaver.... andre tillader specialtegn....
for at være på den sikre side er det godt altid at skrive html og css med små bogstaver.... især når man navngiver filer documenter styles ol.....det kan være møg ireterende at lede efter case fejl....*S*
Avatar billede bigm Nybegynder
22. september 2005 - 21:19 #81
:-) OK! Mange tak for info!
Avatar billede bigm Nybegynder
23. september 2005 - 13:36 #82
ole -> Bare lige for at få lukket dette spørgsmål, som nærmest har fordoblet min viden omkring html/css, vil du så ikke smide et svar? :-)

Lige endnu et spørgsmål her på falderebet. Er det muligt at skrive en css kode der gør at baggrunden kun bliver gentaget, så lang tid der er tekst på siden, og ikke bare gentager indtil siden er fyldt ud?

Tjek http://BigM.dk/test/test

Så forstår I hvad jeg mener! :-)
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 13:59 #83
bigm >>
godt du er blevet klogere ...*S* .....inden du lukker vil jeg foreslå dig at bruge en lang DTD samt  din kode mangler en charset angivelse
starten af dit html doc bør se ud lidt allla dette

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="dk">
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">

.
Avatar billede bigm Nybegynder
23. september 2005 - 14:24 #84
:-)

Yep! Kigger lige på den del senere... men skal nok få det tilføjet! :-)
Avatar billede bigm Nybegynder
23. september 2005 - 14:26 #85
Jesper -> Er <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"> nødvendig? Og gør <html lang="dk"> nogen forskel frem for bare <html>?
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 18:40 #86
Mit svar bliver et ca svar som ole må kunne fuldende.... da dele af svaret indeholde teknik jeg ikke er så meget inde i

1. lang="dk" er ikke nødvenig eller påkrævet..... med god skik at have.... fortæller hvad sprog siden er på.... kan også bruges mere konstruktivt på selve siden.....se w3c...

2. er <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1"> påkrævet .... ?
Ja....i høj grad.....lige så vigtig som doctype.....Den fortæller 2 vigtige ting
A: Encoding type / MIMI --- i dette tilfælde text/html
B: doctype / charset ---- i dette tilfælde ISO-8859-1
begge ting der er ret vigtige....
og uden de oplysninger kan siden ikke valideres ....

Jamen min validere da på w3c siger du så.... Ja.....det gør den..... men det skal du takke din server for....ikke din kode.
(Og det er her ole gerne må træde ind med sin elefantastiske viden.. og af eller bekræftige mig.)
Hvad der gør forskellen er t din sever laver arbejdet med at fortælle vilken encoding der skal bruges... hvilket jo er meget godt...men hvad hvis du flytter til en server der ikke gør det...eller angiver en anden encoding..ved at sætte det ind i dit document fortæller du hvad der skal bruges
Prøv at bruge "validate by upload" og valider dit ducument... nu validere det ikke...

der mangler altså noget.... og noget se den forkert....den forsøger sig med UTF 8...da du ikke har fortalt det er ISO-8859... den forventer det er et html document Encoding type = text/html ....vilket filens .html jo også fortæller.... så det forsøger den sig med... men det går nix...
Kan være jeg er kommet til at rode lidt rundt i noget...håber ole lige retter mig ..

Hvis du valider med "Validate by Upload File" vil du se følgende for dinkode uden <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
--> Dowonloade din side og forsøgte at validere filen...fik følgende:
Result:    Failed validation,
File:    Testing.html
Modified:    (undefined)
Server:    Mozilla/4.0 (compatible; MSIE 5.17; Mac_PowerPC)
Size:    (undefined)
Content-Type:    text/html
Encoding:    utf-8
Doctype:
-->> Indsatte meta'en ...og validerede igen med følgende resultat:
Result:    Passed validation
File:    test.html
Modified:    (undefined)
Server:    Mozilla/4.0 (compatible; MSIE 5.17; Mac_PowerPC)
Size:    (undefined)
Content-Type:    text/html
Encoding:    iso-8859-1
Doctype:    HTML 4.01 Transitional
Avatar billede bigm Nybegynder
23. september 2005 - 20:45 #87
OK! tak! :-) Det får jeg også lige smidt ind.
Kan <html lang="dk"> ikke også bruges, hvis man kun vælger at søge på danske sider på google? f.eks.?
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 21:52 #88
bigm >>
Det gør det hvertfald nemmere for søgemaskinen at hvide hvad sporg siden er på ud fra html koderne...end fra teksten...*S*
og en dansk side kan jo godt være skrevet på engelsk....er den så engelsk eller dansk ???? *G*

du kan også bruge det i bodyen til multilanguage sider feks. et rusisk zitat  med svensk oversættelse på en dansksproget side:
<html lang="dk">
i body
dansk tekst.....
<div lang="ru">rusisk citat</div>
<div lang="sv">svensk oversætelse</div>
dansk tekst.....
*S* ....du kan enda også retningsbestemme skriften venstre--->højre ..... eller højre<---venstre...
se w3c for mere
Avatar billede bigm Nybegynder
23. september 2005 - 21:56 #89
Jesper -> Min side bliver 95% dansk. :-)
Avatar billede jesper-moeller Nybegynder
23. september 2005 - 22:22 #90
*S*.... så nøjes du med <html lang="dk">

URLen/IPen fortælle  hvad land siden er fra ... men ikke hvad sprog den er på.... det gør lang atributen...*S*
Avatar billede bigm Nybegynder
23. september 2005 - 22:31 #91
:-) OK!
Har kigget lidt på det "mængde tekst = antal baggrunds gentagelser" projekt, og det lader ikke til at det umiddelbart kan lade sig gøre. Måske et javescript kan måske gøre det, hvem ved? Jeg lukker dette indlæg i morgen... "denne gang mener jeg det" :-) så hvis Ole mf. skal have del i de 100points, så smid et svar.

Vil gerne takke Jer alle for Jeres hjælp.

Mange tak! :O)
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 00:45 #92
Så lidt da ....r kun dejligt for et skadedyr som jeg at være lidt til nytte


Jesus er svaret...hvad hva spørgsmålet ?? ...*G*
Avatar billede bigm Nybegynder
24. september 2005 - 01:32 #93
hæhæ... Burde gå i seng, men har lige et problem... håber du kan hjælpe. Endnu engang! :-)

IE viser siden korrekt. Alle andre gør ikke. Det drejer sig om flg. kode.
Tjek evt. http://BigM.dk/test/test for hele koden

index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="dk">
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<TITLE>Testing af tables!</TITLE>
<link rel="stylesheet" type="text/css" href="table.css">
</head>

<body>

<!-- Selve CopyRight delen -->
    <table cellSpacing=0 cellPadding=0 width=715 align=center border=0>
      <tbody>
      <tr>
      <td width=0 height=0><img src="billeder/footerleft.png" alt="">
      </td>
          <td class=footerTD vAlign=top align=left width=705 colSpan=4
          height=20>
        <p id=copyright>(C) Copyright 2004 - 2005 BigM.Dk | Stand-Up, but sit down!<br>Sponsoreret af <a href="http:\\www.powerhosting.dk" target="_blank">Powerhosting.Dk</a></p>
          </td>
      </tr>
      </tbody>
    </table>
</body>
</html>

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

CSS filen

body
{
    background-image: url(billeder/bgpaper.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: #484040;
}

img
{
    display: block;
}

.footerTD
{
    BORDER-BOTTOM: black 2px solid; BORDER-TOP: black 2px solid; BORDER-RIGHT: black 2px solid; BACKGROUND-COLOR: #ffffff
}
A {
    COLOR: #1010c0;
    TEXT-DECORATION: none;
}

p#copyright
{
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}


Samme type kode virker 100% i toppen... hmmm....
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 02:01 #94
start med at ændre de store bogstaver til små

når du navngiver noget...filer billeder scripts mapper ID ol. ....undgå da store bogstave og specieltegn, brug kun a til z og - eller _ samt 0 til 9.... bruger du tal, ska disse altid stå bag bogstaver ... feks .... a12 ..... brug aldrig navne der også bruges til andet Feks body og brug sigende navne feks sidehoved sidemenu osv.... (det er ikke alle steder disse regler er vigtigt. men husker du at bruge dem altid, undgår du divs. problemer i de situationer hvor det er vigtigt)

atributerne i dit html skal altid have "" feks. width="700" "height="200" osv

start med det og lad os se...*S*
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 02:06 #95
PS...
egenligt ikke en dårlig farveholdning du har på siden....hvad har du valgt som konrastfarve ????+
Avatar billede bigm Nybegynder
24. september 2005 - 14:31 #96
Jesper -> Takker. Jeg prøver lige det du skrev.
Hvad mener du med kontrastfarve? Baggrunden er meget opfindsomt. Nemlig et stykke krøllet papir der er scannet ind. Jeg tidligere lavet en hjemmeside, hvor hele opbygningen var tegnet på ternet papir, og scannet ind! :-) Det var meget sjovt, men absolut ikke W3 valideret! hæhæ...!
Avatar billede bigm Nybegynder
24. september 2005 - 15:15 #97
Det hjælp desværre ikke. Det lader til at det virker, MEN der er bare for meget afstand mellem top og bund af linierne. Jeg kan ikke lige finde en kode der gøre at der ikke er mellemrum i top og bund! Øw!
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 15:19 #98
Med kontratsfarve mener jeg en farve der skiller sig ud fra sidens andre farve.
Altså en farve til feks links/roleover eller at fremhæve vigtiget ting..
Gulbrun ville nok virke meget naturligt som kontrastfarve til din side...men jeg kan forestille mig at også rødbrune/lilla farve ku virke spændende... men det skal ses for at kunne vuderes
Avatar billede bigm Nybegynder
24. september 2005 - 15:23 #99
ahh.. crap. Det ser også ud til at Opera heller ikke kan lige den øverste del! F0K. :-?
Netscape synes godt om den øverste del, så hvis den bare kan bikses i bunden, må opera holdes udenfor! hæhæ... den er der vel heller ikke nogen der bruger?!? :-) Crappy WebKodeSkrammelStandarder!
Avatar billede bigm Nybegynder
24. september 2005 - 15:25 #100
Nååå... hæhæ... pt. satser jeg på alm. blå til links (undtaget menuen), men har ikke spekuleret i andet endnu... men det kommer nok.
Avatar billede bigm Nybegynder
24. september 2005 - 15:27 #101
LOL! Har lige fundet ud af at hvis man ændre status på siden til trusted i Netscape, så bliver den vist korrekt. Skod!
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 15:28 #102
Jeg kan ikke se noget af de ting skulle være rette ??


BRB
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 15:33 #103
din html bør se ca sådanne ud


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

<html lang="dk">

    <head>
        <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
        <title>Testing af tables!</title>
        <link rel="stylesheet" type="text/css" href="table.css">
    </head>

    <body>
        <!-- Selve Top delen -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td class="topTD" valign="top" align="left" width="715" colspan="4" height="100"><br>
                    <br>
                    <br>
                    <h1 id="toptext">Seneste nyt fra BigM's verden... zzz...<br>
                        Det skal st&#140;r her! &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</h1>
                </td>
                <td width="0" height="0"><img src="billeder/topright.png" alt=""></td>
            </tr>
        </table>
        <!-- Selve Top delen SLUT --><!-- Selve Menu delen -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td class="menuTD" valign="middle" align="center" colspan="4" height="20">
                    <p id="menu"><a href="http://BigM.dk">FORSIDE</a> &nbsp; <a href="http://BigM.dk">NYHEDER </a>&nbsp; <a href="http://BigM.dk">SHOWS </a>&nbsp; <a href="http://BigM.dk">PROJEKTER</a> &nbsp; <a href="http://BigM.dk">GALLERI</a> &nbsp; <a href="http://BigM.dk">CERTIFICERINGER</a> &nbsp; <a href="http://BigM.dk">KONTAKT</a> &nbsp; <a href="http://BigM.dk">&gt;&gt;&gt; OM BigM &lt;&lt;&lt; </a>&nbsp;</p>
                </td>
            </tr>
        </table>
        <!-- Selve Menu delen SLUT --><!-- Selve Indholds delen -->
        <table cellspacing="0" cellpadding="10" width="715" align="center" border="0">
            <tr>
                <td class="indholdTD" valign="top" align="left" width="705" colspan="4" height="121">Det her kunne godt g&aring; hen og blive ret sejt!<br>
                    <br>
                    <br>
                    <br>
                    <br>
                    test<br>
                    <br>
                    <br>
                    <br>
                    <br>
                    test</td>
            </tr>
        </table>
        <!-- Selve Indholds delen SLUT --><!-- Mellemrim mellem Indhold og CopyRight -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td class="menuTD" valign="middle" align="center" colspan="4" height="20"></td>
            </tr>
        </table>
        <!-- Mellemrim mellem Indhold og CopyRight SLUT --><!-- Selve CopyRight delen -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td width="0" height="0"><img src="billeder/footerleft.png" alt=""></td>
                <td class="footerTD" valign="top" align="left" width="705" colspan="4" height="20">
                    <p id="copyright">(C) Copyright 2004 - 2005 BigM.Dk | Stand-Up, but sit down!<br>
                        Sponsoreret af <a href="http:\\www.powerhosting.dk" target="_blank">Powerhosting.Dk</a></p>
                </td>
            </tr>
        </table>
    </body>

</html>
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 15:34 #104
og så ville jeg undgå navne med store bogstaver ...som feks "indholdTD" ...."indholdtd" er bedre
Avatar billede bigm Nybegynder
24. september 2005 - 15:50 #105
nej... jeg har bikset nogle test filer hvor jeg kun koncentrere mig om den kode der ikke virker 100%. Derfor kan du ikke se at jeg har lavet ændringerne. Men koden er den samme, bort set fra der store og små bogstaver. :-)
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 15:56 #106
Den fejl du snakker oom....der er det spidse hjørne i copyright der sider forkert i ff  ikk??
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 15:56 #107
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="dk">

    <head>
        <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
        <title>Testing af tables!</title>
        <link rel="stylesheet" type="text/css" href="table.css">
    </head>

    <body>
        <!-- Selve Top delen -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td class="topTD" valign="top" align="left" width="715" colspan="4" height="100"><br>
                    <br>
                    <br>
                    <h1 id="toptext">Seneste nyt fra BigM's verden... zzz...<br>Det skal st&aring;r her! &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</h1>
                </td>
                <td width="0" height="0"><img src="billeder/topright.png" alt=""></td>
            </tr>
        </table>
        <!-- Selve Top delen SLUT --><!-- Selve Menu delen -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td class="menuTD" valign="middle" align="center" colspan="4" height="20">
                    <p id="menu"><a href="http://BigM.dk">FORSIDE</a> &nbsp; <a href="http://BigM.dk">NYHEDER </a>&nbsp; <a href="http://BigM.dk">SHOWS </a>&nbsp; <a href="http://BigM.dk">PROJEKTER</a> &nbsp; <a href="http://BigM.dk">GALLERI</a> &nbsp; <a href="http://BigM.dk">CERTIFICERINGER</a> &nbsp; <a href="http://BigM.dk">KONTAKT</a> &nbsp; <a href="http://BigM.dk">&gt;&gt;&gt; OM BigM &lt;&lt;&lt; </a>&nbsp;</p>
                </td>
            </tr>
        </table>
        <!-- Selve Menu delen SLUT --><!-- Selve Indholds delen -->
        <table cellspacing="0" cellpadding="10" width="715" align="center" border="0">
            <tr>
                <td class="indholdTD" valign="top" align="left" width="705" colspan="4" height="121">Det her kunne godt g&aring; hen og blive ret sejt!<br>
                    <br>
                    <br>
                    <br>
                    <br>
                    test<br>
                    <br>
                    <br>
                    <br>
                    <br>
                    test</td>
            </tr>
        </table>
        <!-- Selve Indholds delen SLUT --><!-- Mellemrim mellem Indhold og CopyRight -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td class="menuTD" valign="middle" align="center" colspan="4" height="20"></td>
            </tr>
        </table>
        <!-- Mellemrim mellem Indhold og CopyRight SLUT --><!-- Selve CopyRight delen -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td width="34" height="20"><img src="billeder/footerleft.png" alt="" width="34" height="34"></td>
                <td  id="copyright" class="footerTD" valign="top" align="left" height="20">
                    (C) Copyright 2004 - 2005 BigM.Dk | Stand-Up, but sit down!<br>
                        Sponsoreret af <a href="http:\\www.powerhosting.dk" target="_blank">Powerhosting.Dk</a></td>
            </tr>
        </table>
    </body>

</html>
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 15:58 #108
body
{
    background-image: url(billeder/bgpaper.jpg); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-color: #484040; height 100%;
}

img
{
    display: block;
}

.topTD
{ background: #ffffff url(billeder/topbanner.gif) no-repeat; border-top: 2px solid black; border-bottom: 2px solid black; border-left: 2px solid black }

.menuTD A  { color: #1a1a1a; font-weight: bold; text-decoration: none }

.menuTD A:hover  { color: #333535; text-decoration: none }

.indholdTD
{ background-color: #ffffff; border: solid 2px black }

.footerTD
{ background-color: #ffffff; border-top: 2px solid black; border-right: 2px solid black; border-bottom: 2px solid black }

A  { color: #1010c0; text-decoration: none }

h1#toptext
{ font-size: 14px; text-align: left; padding-left: 350px }

#copyright
{ font-weight: bold; font-size: 13px; text-align: center }

p#menu
{ font-weight: bold; font-size: 13px; text-align: center }
Avatar billede bigm Nybegynder
24. september 2005 - 15:58 #109
15:56:25 (Det er korrekt)
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 15:59 #110
så ser det ens ud i alle mine browsere .... men prøv lige selv
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 16:01 #111
nu har jeg ikke valideret din kode...kun ændret lidt...*S*
Avatar billede bigm Nybegynder
24. september 2005 - 16:07 #112
http://bigm.dk/test/test/test/ (Din kode udelukkende)

Firefox: 1mm forkert i top og bund af CopyRight delen
Opera: OK
Netscape: Samme som Firefox, men igen OK hvis man truster siden! :-?
Avatar billede bigm Nybegynder
24. september 2005 - 16:08 #113
Din kode er også W3 valideret! :-)
Avatar billede bigm Nybegynder
24. september 2005 - 16:09 #114
hmm.. det ser desværre stadig ud som om at Opera ikke kan lige toppen!
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 16:12 #115
Ahhh.... du mener teksten inden i "rammer" kanten ???
Avatar billede bigm Nybegynder
24. september 2005 - 16:16 #116
??? Det jeg kan se det er, er at afstanden mellem top og bund fra teksten i Copyright delen er for stor i alt undtaget IE og nu Opera!
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 16:21 #117
hvis du med toppen mener toppen af copyright feltet....altså teksten inden i feltet så prøv dette i css'en
#copyright
  { font-weight: bold; font-size: 13px; line-height: 1.1em; text-align: center }

nu står alle tekster i den ens hos mig (Midt i) IE FF og Opera
Avatar billede bigm Nybegynder
24. september 2005 - 16:44 #118
Super... Jeg satte line-height: til 1em; og nu spiller det i dem ALLE! wuuhuuu... du er sq for sej.
Opera kan dog stadig ikke lige den øverste... Men det kigger jeg lige på. Det kan være line-height skal ændre på det.
Avatar billede bigm Nybegynder
24. september 2005 - 16:54 #119
Nå.. bliver nødtil at smutte for i dag... men vender lige tilbage i morgen!

God weekend!
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 17:05 #120
1 em ?? oki....(sytes 1.1 passede godt...men bare du er tilfreds ...*S*

hvis du er i tvivl om hvad 1 em er...
så er em et forholdstal...man ganger med em
Avatar billede roenving Novice
24. september 2005 - 21:31 #121
em betyder bogstav-højde, altså afstanden fra grundlinje til normal største bogstav-højde, f.eks. l eller f eller de fleste store bogstaver ...

-- tilsvarende findes xm som betyder bogstavets x-højde, hvilket er højden af f.eks. n eller s ...

-- line-height er så afstanden fra grundlinje til grundlinje, normalt ca. 1.2 for de fleste skrifttyper !-)
Avatar billede jesper-moeller Nybegynder
24. september 2005 - 22:47 #122
roenvig >>

jeg bad jo selv om den rettelse ...med den korte forklaring...*S*
Måske vi skulle blande vore forklaringer sammen til en lidt mere uddybende en for ikke at forvire bigm...*S*

det er helt rigtigt som du siger, at 1 em er ligmed bogstavhøjden på en given fonttype Men jeg vil altså påstå det iige betyder at en "em" ER bogstavhøjden... em er en enhed (Hvad jeg nok lidt forkert kaldte faktor)

"The 'em' unit is equal to the computed value of the 'font-size' property of the element on which it is used. The exception is when 'em' occurs in the value of the 'font-size' property itself, in which case it refers to the font size of the parent element. It may be used for vertical or horizontal measurement. "
1em er altså om du siger, fontes egen højde..(som så kommer an på forskellige ting...bla brugerens indstillinger). .... Men.
em-tallet er en enhed, baseret  på fontens egenstørelse ... som kan bruges på som størelses angivelse på alle html elementer, i forhold til fontstørelsen .....

Håber vi kan blive enige om den formulering ??? *S*

og vi må lige huske ikke at forveklse med <EM> taget *S*



Et lille ps... i typogrifen er em kvadratet af et m's brede og bruges som mellemrums afstand, em er engelsk/amerikans... på dansk bruger vi det tyske ord.... en Giviert = 1 em ..... (en halv giviert =1en)
Avatar billede bigm Nybegynder
26. september 2005 - 15:59 #123
:-)
Beklager at jeg ikke lige vendte tilbage i går. Pæn hård lørdag tror jeg nok! :-)
Jeg har lige et lille problem. Sad og kiggede lidt, og ville så lige prøve noget andet. Jeg fjernede baggrunden og BG farven, og endte med noget jeg synes er ret cool, men måske også kedelig. Hvad synes I er bedst?

http://bigm.dk/test
http://bigm.dk/test/hvid
Avatar billede jesper-moeller Nybegynder
26. september 2005 - 16:03 #124
Pænt....men måske lidt FOR vid...*S*

Fik lige en ide (ikke sikker på den er god men).... tag pairbagrunde og brug den som bg i banner fotter  i den hvide version ...
Avatar billede jesper-moeller Nybegynder
26. september 2005 - 16:10 #125
Hov...ser lige jeg i  22:47:15 et kommet til at skrive "bruges som mellemrums afstand" ....skulle ha stået som fast afstand istedet for mellemrumsafstand (som jo kan justeres)
Avatar billede bigm Nybegynder
26. september 2005 - 17:00 #126
hmm... Jeg tjekker det lige ud i aften. :-)
Avatar billede bigm Nybegynder
26. september 2005 - 20:58 #127
Jaahh... har pt. kun fået footer delen til at spille, men jeg kan li' det, det bliver til... Jeg kan ikke få smidt baggrund ind i toppen. Hvor kan jeg tilføje background="xx\cc.jpg" henne?

<!-- Selve Top delen -->
        <table cellspacing="0" cellpadding="0" width="715" align="center" border="0">
            <tr>
                <td class="toptd" valign="top" align="left" width="715" colspan="4" height="100"><br>
                    <br>
                    <br>
                    <h1 id="toptext">Seneste nyt fra BigM's verden... zzz...<br>Nu m&aring; vi se...</h1>
                </td>
                <td width="0" height="0"><img src="billeder/topright.png" alt=""></td>
            </tr>
        </table>
<!-- Selve Top delen SLUT -->
Avatar billede jesper-moeller Nybegynder
26. september 2005 - 22:20 #128
Som sædvanligt er der flere måde at gøre dette på
feks

i cssen
.papirbaggrund  { background-image: url(../billedert/baggrundsbillde.jpg) }
ihtmlen
<table cellspacing="0" cellpadding="0" width="715" align="center" border="0" class="papirbaggrund">


eller
css:
table.sidetop  { margin: 0px; padding: 0px; border: 0px; width: 715px; background-image: url(../billedert/baggrundsbillde.jpg) }
html:
<table cellspacing="0" class="sidetop">

Håber du kan se grundtankerne bag dem
Avatar billede bigm Nybegynder
26. september 2005 - 22:23 #129
hæhæ... ja fattede ud af det. havde ikke lige tjekket koden ordentlig igennem.

http://BigM.dk/test/se

Det ser faktisk godt ud. Skal lige have rette topright billedet til, men ellers ser det OK ud!
Retter til i morgen... så må vi se. :-)
Avatar billede jesper-moeller Nybegynder
26. september 2005 - 22:29 #130
*S*....godt..... ser ikke så tosset ud *S*

Dog er der en lille detalie...*S*

i bunden har du i koderne skrvet "billeder\footerbg.png" ...(sidste bg-billed)... få lige vent den /

*S*
Avatar billede bigm Nybegynder
26. september 2005 - 22:36 #131
ahh... done! ;-)
Avatar billede bigm Nybegynder
27. september 2005 - 20:37 #132
http://BigM.dk/test/se

Su'per. Så tror jeg designet er på plads. Jeg har smidt en blålig baggrund ind, da den hvide måske er lige skarp nok. Det fremhøver også menu punkterne noget mere. Og så har jeg lavet lidt afstand fra toppen af siden, så at det ikke ser så klemt ud. Jeg måske ikke om baggrunden skal være en anelse mørkere. hmm...???
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester