W3C standaard en tabellen/frames conflict

dinsdag 25 mei 2004 15:01

De errors zijn toch duidelijk??

Je hebt geen summary attribuut (omschrijft de structuur van de tabel) in je tabel staan
height moet in je CSS
scrolling en frameborder zijn in xhtml niet bestaande attributen

Acties:

dinsdag 25 mei 2004 15:07

Hij doet het niet!

Topicstarter

Kan ik scrolling en frameborder ook in CSS kwijt? Ben nog maar een week bezig met CSS, maar het lukt al aardig. Heb je nog tips voor het werken met CSS?

Acties:

dinsdag 25 mei 2004 15:16

http://www.w3.org/TR/REC-CSS2/
http://www.alistapart.com/
http://www.handleidinghtm...happen/eigenschappen.html

En kijken naar de broncode van deze site kan wel helpen

http://www.csszengarden.com/tr/dutch/

Acties:

dinsdag 25 mei 2004 15:20

Hij doet het niet!

Topicstarter

Bedankt voor je hulp. Zijn er geen CSS experts die misschien mij kunnen vertellen hoe ik de attibuten van tabellen in CSS zet? Of moet ik daarvoor even een programma gebruiken zoals DreamWeaver die dat zelf voor mij doet of zo? Ik heb al mijn CSS code namelijk uit andere bestanden bekeken en overgenomen, dus de CSS taal ben ik nog niet echt vertrouwd mee.

Acties:

equationunequal

jelbo schreef op 25 mei 2004 @ 15:16:
Bedankt voor je hulp. Zijn er geen CSS experts die misschien mij kunnen vertellen hoe ik de attibuten van tabellen in CSS zet? Of moet ik daarvoor even een programma gebruiken zoals DreamWeaver die dat zelf voor mij doet of zo? Ik heb al mijn CSS code namelijk uit andere bestanden bekeken en overgenomen, dus de CSS taal ben ik nog niet echt vertrouwd mee.

Check http://www.w3schools.com/css/css_reference.asp

Staat alles wat je nodig hebt...

[ equationunequal.nl - portret & model fotografie ] [ newskin.nl - socials ]

dinsdag 25 mei 2004 15:21

Acties:

BtM909

Watch out Guys...

jelbo schreef op 25 mei 2004 @ 15:16:
Bedankt voor je hulp. Zijn er geen CSS experts die misschien mij kunnen vertellen hoe ik de attibuten van tabellen in CSS zet? Of moet ik daarvoor even een programma gebruiken zoals DreamWeaver die dat zelf voor mij doet of zo? Ik heb al mijn CSS code namelijk uit andere bestanden bekeken en overgenomen, dus de CSS taal ben ik nog niet echt vertrouwd mee.

En voortaan zelf zoeken

border en overflow zijn wellicht relevante keywords

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

dinsdag 25 mei 2004 15:37

Acties:

dinsdag 25 mei 2004 15:49

Hij doet het niet!

Topicstarter

Owk, ik zal het dus echt zelf moeten doen..

Maar die attributen dat lukt wel denk ik, maar wat staat voor een tabel/frameset in CSS? Ik heb voor DIVs gewoon div.test { etc. ;} en dan link ik die in mn HTML code met <div class="test">..</div>

Kan ik voor een tabel misschien <table class="tabletest">..</table> gebruiken? Hoe zit het dan in mijn .css file? table.tabletest { etc.;} of zo?

Sorry dat ik nu te lui ben om te zoeken. Ik zit hier met 56k en ben erg zuinig. Ik kijk morgen op school wel naar al die tutorials.

Maar als het een kleine moeite is om me op weg te helpen, aarzel dan niet.

[ Voor 7% gewijzigd door jelbo op 25-05-2004 15:38 ]

Acties:

dinsdag 25 mei 2004 15:55

gewoon zo:

code:

htmlelement.classnaam

dus bijvoorbeeld

table.tabel1

en dan <table class="tavel1">

Zo kan dat met alle elementen

Acties:

dinsdag 25 mei 2004 16:41

Goeie kans dat je helemaal geen TABLE nodig hebt. De al eerder genoemde link naar de CSS Zen Garden is erg illustratief voor het feit dat je zonder tables heel veel kan.

Acties:

dinsdag 25 mei 2004 16:44

Hij doet het niet!

Topicstarter

Thanks, Maurice-k, net wat ik nodig had

Ben nu alles aan het testen, lukt nog niet helemaal.

Ik heb die tabel nodig voor m'n iframe om te zorgen dat mijn pagina met frames in het midden wordt getoond (773x586px) voor 800x600 resolutie ondersteuning. Er zijn vast andere manieren, maar die weet ik niet..

Acties:

dinsdag 25 mei 2004 18:41

rollebol schreef op 25 mei 2004 @ 15:55:
Goeie kans dat je helemaal geen TABLE nodig hebt. De al eerder genoemde link naar de CSS Zen Garden is erg illustratief voor het feit dat je zonder tables heel veel kan.

Onzin, tables zijn juist extreem handig, alleen niet om je site mee te structureren

Acties:

dinsdag 25 mei 2004 19:17

Hij doet het niet!

Topicstarter

heb weer een probleempje. Dit is mijn code nu (een deel);

code:

1
2
3

<frameset class="idxi_frmst"
          cols="128,*"
          frameborder="no">

Hoe kan ik ervoor zorgen dat ik geen frameborders heb? Want die frameborder="no" mag niet in de HTML code, maar moet naar CSS. Ik heb nog nergens kunnen vinden hoe.

Acties:

dinsdag 25 mei 2004 20:18

frameset.idxi_frmst { border: solid 0px; } werkt niet?

Acties:

equationunequal

kleautviool schreef op 25 mei 2004 @ 19:17:
frameset.idxi_frmst { border: solid 0px; } werkt niet?

solid is dan nogal redundant. 0 of 0px voldoet...

[ equationunequal.nl - portret & model fotografie ] [ newskin.nl - socials ]

dinsdag 25 mei 2004 20:24

Acties:

Eskimootje

border: none; is de juiste

daarnaast kun je dit doen:

border-width: 1px;
border-style: solid;
border-color: #0AF3E2;

border: 1px solid #0AF3E2;

[ Voor 72% gewijzigd door Eskimootje op 25-05-2004 20:29 ]

dinsdag 25 mei 2004 23:40

Acties:

JeromeB

woei

jelbo schreef op 25 mei 2004 @ 18:41:
heb weer een probleempje. Dit is mijn code nu (een deel);
code:
1
2
3
<frameset class="idxi_frmst"
          cols="128,*"
          frameborder="no">
Hoe kan ik ervoor zorgen dat ik geen frameborders heb? Want die frameborder="no" mag niet in de HTML code, maar moet naar CSS. Ik heb nog nergens kunnen vinden hoe.

Dat komt omdat de border zich niet bevind op het frame, maar op de pagina die in het frame geladen wordt. Je zult dus dit moeten toevoegen aan de pagina dit wordt geladen in het frame:

code:

1	html { border: 0; }

kleautviool schreef op 25 mei 2004 @ 19:17:
frameset.idxi_frmst { border: solid 0px; } werkt niet?

normaal gesproken niet, omdat de border zich niet op het element bevind, maar op de pagina die in het frame wordt geladen. Doormiddel van frameborder="0" zou dit wel weer mogelijk moeten zijn, maar dat vind ik eigenlijk vrij raar.

PC load letter? What the fuck does that mean?

woensdag 26 mei 2004 10:03

Acties:

woensdag 26 mei 2004 12:31

Hij doet het niet!

Topicstarter

Grr, het wil maar niet lukken. Ik heb alles geprobeerd wat jullie zeiden. In FireFox werkt het prima, maar in IE6 zie ik nog steeds witrandjes tussen de frames, kan ik de frames resizen en zie ik scrollbars. Dit dus als ik gebruik maak van CSS.

JeromeB, klopt het zo in mijn .css bestand;

code:

1
2
3

html {
 border: 0px;
}

?

Ik heb de hele html zooi even opgeschoond, en er is nu nog maar één probleempje.

welkom.htm heeft een tabel met iframe. in die iframe staat index_inside.htm. De code van de frameset hiervan is:

code:

<frameset class="idxi_frmst"
          cols="128,*"
          frameborder="no">
    <frame class="idxi_frm"
           name="in_left"
           src="leftmenu.htm" />

    <frameset class="idxi_frmst"
              rows="71,*"
              frameborder="no">
        <frame class="idxi_frm"
               name="in_top"
               src="header.htm" />
        <frame class="idxi_frm"
               name="in_main"
               src="_introductie.htm"
               target="_self" />
    </frameset>
</frameset>

De bijbehorende CSS code (het relevante deel);

code:

html {
 border: 0px;
}

frameset.idxi_frmst {
 border: none;
 border-spacing: 0; 
 padding: 0;
 margin: 0;
 overflow: hidden;
}

frame.idxi_frm {
 border: none;
 border-spacing: 0;
 padding: 0;
 margin: 0;
 overflow: hidden;
}

In Mozilla FireFox werkt het prima, maar in IE6 (aargh!)

zie ik witrandjes tussen de frames, kan ik de frames resizen en zie ik scrollbars.

Nu ben ik er bijna!

Wie weet wat er fout is aan mijn CSS code, of wat ik over het hoofd zie?

Ik zal eens op zoek gaan naar een andere manier om mijn pagina in het midden te houden. Nu gebruik ik dus een tabel met iframe. Kan het niet met een divje met daarin de framespagina?

[ Voor 78% gewijzigd door jelbo op 26-05-2004 10:55 . Reden: Verhelderen ]

Acties:

woensdag 26 mei 2004 14:13

div#container {
width:730px;
position:absolute;
top:0;
left:50%;
margin-left:-365px;

overflow: auto;
padding: 0 0 0 15px;
}

Zoiets? Probeer de laatste twee eens weg te halen als je dat handiger vindt. In de <div id="container"> gooi je dus de inhoud van wat eerst je iframe was.

Ik heb even 730 pixels genomen als breedte, als je het verandert vergeet dan niet dat de margin-left de helft is van die 730. (met minteken ervoor)

Acties:

woensdag 26 mei 2004 15:33

Hij doet het niet!

Topicstarter

Is dit de oplossing voor het probleem in IE met de witte balken/scrollbalken/resizemogelijkheden? Ik kan het nu niet proberen, want ik zit op school

Vormt jouw code ook de CSS kant van de frameset code in mijn stukje HTML code?

Edit: ik snap dat van jouw al denk ik, maar ik wil eigenlijk de frameset html code van mijn index_inside.htm bestand in CSS kwijt (om XHTML 1.0 Frameset compatible te zijn)...

[ Voor 28% gewijzigd door jelbo op 26-05-2004 14:29 ]

Acties:

Johnny

ondergewaardeerde internetguru

Dat witte randje in MSIE heb ik ook nog nooit weg kunnen krijgen zonder gebruik te maken van frameborder.

Het is dus onmogelijk, tenzij je het met Javascript (na een browser-check) doet, maar dat is natuurlijk we een beetje jezelf voor de gek houden.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

woensdag 26 mei 2004 15:51

Acties:

woensdag 26 mei 2004 15:55

Hij doet het niet!

Topicstarter

Johnny schreef op 26 mei 2004 @ 15:33:
Dat witte randje in MSIE heb ik ook nog nooit weg kunnen krijgen zonder gebruik te maken van frameborder.

Het is dus onmogelijk, tenzij je het met Javascript (na een browser-check) doet, maar dat is natuurlijk we een beetje jezelf voor de gek houden.

Het ligt dus niet aan mij, maar aan die rotte IE techniek

. Ik zal dan misschien gebruik maken van een browsercheck ja. Wel jammer dat ik frameborder=0 moet gebruiken. Want dan is mijn set pagina's niet meer XHTML goedgekeurd (en dat wilde ik nu per sé

). Maar ach, ondanks die ene pagina met niet kloppende code (volgens W3C dan) mag ik vast mijn strakke XHTML 1.0 verified knopje er wel op plakken toch?

Acties:

David

Als je het iets netter wilt doen, zul je de Frameset-doctype moeten gebruiken:

code:

1 2	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

[ Voor 10% gewijzigd door David op 26-05-2004 15:55 ]

Dato DUO synth voor twee

woensdag 26 mei 2004 16:18

Acties:

woensdag 26 mei 2004 17:24

Hij doet het niet!

Topicstarter

DiMension schreef op 26 mei 2004 @ 15:55:
Als je het iets netter wilt doen, zul je de Frameset-doctype moeten gebruiken:
code:
1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Ja, was ik al van plan

Bedankt voor al jullie hulp, ga het vanmiddag nog proberen.

Acties:

woensdag 26 mei 2004 17:31

Als je met javascript je frameborder op 0 zet valideert het wel

edit:
oh -1 dubbelpost

[ Voor 19% gewijzigd door Blaise op 26-05-2004 17:27 ]

Acties:

woensdag 26 mei 2004 17:54

Hij doet het niet!

Topicstarter

Blaise schreef op 26 mei 2004 @ 17:24:
Als je met javascript je frameborder op 0 zet valideert het wel

edit:
oh -1 dubbelpost

Vet! Hoe doe ik dat dan

Want van JavaScript weet ik helemaal nix. Wel om andermans werk te gebruiken natuurlijk :shaam:..

[ Voor 18% gewijzigd door jelbo op 26-05-2004 17:40 ]

Acties:

woensdag 26 mei 2004 18:12

jelbo schreef op 26 mei 2004 @ 17:31:
[...]

Vet! Hoe doe ik dat dan Want van JavaScript weet ik helemaal nix. Wel om andermans werk te gebruiken natuurlijk :shaam:..

ik weet alleen dat het kan. Maar als je dat met javascript doet is dat typisch een geval van moeilijk doen als het makkelijk kan. Behalve op psychisch gebied maakt het in dit geval niets uit als je je niet aan de standaard houdt.

[ Voor 20% gewijzigd door Blaise op 26-05-2004 17:59 ]

Acties:

Verwijderd

Blaise schreef op 26 mei 2004 @ 17:24:
Als je met javascript je frameborder op 0 zet valideert het wel

Een DOM document object in het geheugen van een user agent moet net zo goed een geldig document zijn. Dus voor het geval iemand de smiley niet ziet en denkt dat dit een prachtige oplossing is: dat is het niet.

[ Voor 4% gewijzigd door Verwijderd op 26-05-2004 18:12 ]

woensdag 26 mei 2004 18:33

Acties:

T-MOB

code:

if (navigator.appName == "Microsoft Internet Explorer") 
{ 
window.onload=document.getElementById('FRAME_ID').frameborder="no";
}

Zoiets zou het moeten doen voor IE. Als ik jouw was zou ik echter gewoon het frameborder attribuut blijven gebruiken. In de eerste plaats omdat een XHTML compliant browser het waarschijnlijk toch negeert. Ten tweede omdat als dat niet het geval is er toch gebeurt wat jij wenst: geen frameborder

.

Valideren om het valideren vind ik verder vrij nutteloos - en volgens mij is dit bij jou het geval. Een validator is nuttig om *fouten* uit je code te vissen, het kan nooit een doel op zich zijn. Je bezoekers zullen je pagina immers met een browser bekijken, en niet met een html-validator.

Regeren is vooruitschuiven

donderdag 27 mei 2004 15:33

Acties:

donderdag 27 mei 2004 15:45

Je 'moet' je code XHTML 1.0 transitional (in jouw geval) schrijven, maar nog liever XHTML 1.0 strict. Dat moet je niet doen om een W3C-knopje te mogen neerzetten (dat knopje moet je m.i. niet neerzetten, dat getuigt van een ongelofelijke knulligheid, maar dat is mijn mening maar). Het verwerken van XML-pagina's is namelijk heel snel vergeleken met de 'flexibele' HTML-parser die met allerhande uitzonderingen rekening moet houden. Daarom is het well-formed zijn van de XML zo belangrijk.

Een ander vaak genoemd voordeel van XHTML boven HTML is dat je naar men zegt makkelijker er met XSLT iets anders van kan maken, of van een ander XML-formaat makkelijker met XSLT een conversie naar XHTML kan doen. Allebei deze argumenten zijn wat mij betreft een beetje onzin, om verschillende redenen, maar dat gaat wat off-topic.

In het algemeen is voor 'beginners' het gebruik van frames ook af te raden omdat ze makkelijk te misbruiken zijn en een usability-ramp kunnen worden, maar daar is het nu te laat voor...

Acties:

donderdag 27 mei 2004 16:02

En het is meer een persoonlijke uitdaging om ook aan die eisen te voldoen.

Cheatah: Een DOM document object in het geheugen van een user agent moet net zo goed een geldig document zijn. Dus voor het geval iemand de smiley niet ziet en denkt dat dit een prachtige oplossing is: dat is het niet.

Acties:

bigbeng

Ik ben niet zo'n held met CSS en XHTML standaarden, maar volgens de w3schools site waar hier zo vaak naar verwezen wordt, kun je voor frameset pagina's het beste het doctype gebruiken dat hierbij hoort. En dat is dan dus de FRAMESET dtd:

HTML:

1	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

of in het geval van HTML 4.01:

HTML:

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

donderdag 27 mei 2004 19:17

Acties:

Verwijderd

Blaise schreef op 27 mei 2004 @ 15:45:

[...]

Het zal absoluut aan mij liggen hoor, maar ik heb geen flauw idee wat je nu eigenlijk wilt zeggen.

donderdag 27 mei 2004 19:23

Acties:

donderdag 27 mei 2004 23:24

Verwijderd schreef op 27 mei 2004 @ 19:17:
[...]

Het zal absoluut aan mij liggen hoor, maar ik heb geen flauw idee wat je nu eigenlijk wilt zeggen.

Even wat langer nadenken.

Jelbo denkt dat het per definitie valid is als de validator geen error geeft terwijl jij dit zei: "Een DOM document object in het geheugen van een user agent moet net zo goed een geldig document zijn."

Acties:

vrijdag 28 mei 2004 00:38

Hij doet het niet!

Topicstarter

In het algemeen is voor 'beginners' het gebruik van frames ook af te raden omdat ze makkelijk te misbruiken zijn en een usability-ramp kunnen worden, maar daar is het nu te laat voor...

Wat voor usability rampen? En hoe te misbruiken? Toen ik een beetje met HTML begon maakte ik sowieso altijd gebruik van frames. Ik zou niet weten hoe ik anders de navigatie zou moeten doen. Maar goed, zo vaak ben ik niet bezig met HTML, en ik heb de laatste 2 weken enorm veel geleerd door met CSS aan de slag te gaan en m'n documenten volgens de standaard te houden.

Maar weet iemand al wat ik nou met m'n stukje HTML code moet doen? Dat van die framesets wat ik als laatste stukje code heb gepost. Zou ik het er maar gewoon in laten staan? Het is dan wel niet zo mooi, maar ik weet zeker dat 99,8% van de bezoekers van de site die ik maak (de doelgroep) MSIE gebruikt. Ik denk trouwens dat de framespacing en scrolling attributen de boosdoener zijn.

Verder heb ik ook nog wat tabellen die volgens Tidy/W3C een summary attribuut nodig hebben. Ik weet nix over de syntax van dat attr., dus zal es op zoek gaan.

@bigbeng; wist ik

Toch bedankt voor de info.

Acties:

GrimaceODespair

eens een tettenman, altijd ...

jelbo schreef op 27 mei 2004 @ 23:24:
Wat voor usability rampen? En hoe te misbruiken?

Frames wordt door velen beschouwd als iets vies, maar het zal vaker een programmeur dan een webdesigner zijn die dat zegt (let the flaming begin).

Een klassiek argument is dat het in text-only browsers (bv Lynx) en braillelezers nogal onhandig kan zijn, zeker als je frame niet functioneel, maar puur voor design aanwezig is (je kan niet zomaar zien in welk frame de informatie zit die je zoekt, tenzij jij handige namen hebt verzonnen). Ik schat dat er hierover wel al wat discussies zijn langsgekomen op GoT. Sowieso steigeren de meeste DevSchuurders al wanneer je aan vormgeving doet in HTML in plaats van CSS.

Aangezien je enthousiast met CSS aan de gang bent gegaan, neem ik aan dat je al wist dat precies dezelfde argumenten (Lynx, braille) gebruikt worden om CSS aan de man te brengen.

Wij onderbreken deze thread voor reclame:
http://kalders.be

vrijdag 28 mei 2004 13:27

Acties:

vrijdag 28 mei 2004 14:26

Nou, om maar even een heel kort snel voorbeeld te geven van een nadeel van inline frames: het maakt het bookmarken van een specifieke pagina vaak nogal lastig. Mits verstandig gebruikt is er met frames niet zo veel mis, maar juist in dit specifieke geval vermoed ik het bookmark-probleem.

De enige text-only browser die er heden ten dage echt toe doet voor de meeste sites is Google, en ik geloof dat die tegenwoordig ook me frames overweg kan. (Lynx ondersteunt ook frames)

Acties:

GrimaceODespair

eens een tettenman, altijd ...

rollebol schreef op 28 mei 2004 @ 13:27:
Lynx ondersteunt ook frames

Hij geeft ze weer in een lijstje, zodat je kunt kiezen welk frame je wilt zien. Blijf ik persoonlijk net iets onhandiger vinden dan 1 pagina waar ik op kan zoeken.... (Dwalen we af of is het nog on-topic?)

Wij onderbreken deze thread voor reclame:
http://kalders.be

vrijdag 28 mei 2004 15:18

Acties:

maandag 27 september 2004 15:28

Hij doet het niet!

Topicstarter

Ja, we dwalen af

Ik vroeg wat ik moest doen met de frameset code in mijn frameset pagina (zie vorige post van mij).

Acties: