Page 1 of 1

rel= vervangen door class=

Posted: Thu Nov 15, 2012 8:39 pm
by sjoerdd87
Hallo allemaal,

Ik zit met een probleem met het valideren van mijn site voor HTML 5, nu weet ik wel dat HTML 5 nog niet officieel klaar is, maargoed ik wil mijn website wel volgens de W3C wetten maken.

Momenteel gebruik ik in mijn Gallery:

Code: Select all

<a href="{$image->file}" title="{$image->titlename}" rel="lightbox[gallery{$galleryid}]"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" class="img6" alt="{$image->titlename}" /></a>
Nu las ik dat je rel= moet vervangen door class=, maar dan werkt de "lightbox" niet meer, wel is mijn site dan gevalideerd.

Weet iemand wat ik nog meer moet aanpassen en waar?

Ook werkt gallery niet op Android, iemand een idee?

Alvast bedankt.

Gr. Sjoerd.

Re: rel= vervangen door class=

Posted: Thu Nov 15, 2012 8:51 pm
by velden
Wat is er mis met het rel attribuut?
http://dev.w3.org/html5/spec/single-pag ... erlink-rel

Re: rel= vervangen door class=

Posted: Fri Nov 16, 2012 11:13 am
by sjoerdd87
velden wrote:Wat is er mis met het rel attribuut?
http://dev.w3.org/html5/spec/single-pag ... erlink-rel
Bij de W3C validator geeft hij dit aan:

Code: Select all

Line 254, Column 114: Bad value lightbox[gallery2] for attribute rel on element a: Illegal character in path component.
The string lightbox[gallery2] is not a registered keyword or absolute URL.…ezondGewicht" rel="lightbox[gallery2]"><img src="uploads/images/GalleryThumbs/…
Syntax of absolute IRI:An absolute URL. 
For example: http://example.org/hello, but not /hello. 
Spaces should be escaped as %20. Syntax of link type valid for <a> and <area>:A whitespace-separated list of link types listed as allowed on <a> and <area> in the HTML specification or listed as an allowed on <a> and <area> on the Microformats wiki without duplicate keywords in the list. 
You can register link types on the Microformats wiki yourself. 

Re: rel= vervangen door class=

Posted: Fri Nov 16, 2012 1:03 pm
by velden
Ok.

Nou ja, ik heb even naar het LightBox script gekeken en het hangt nogal aan die 'rel=...' notatie.

Je zou die hele file kunnen doorlopen en overal aanpassen. Risico dat dan nog even moet uitsluiten is dat Lightbox mogelijk de class van de link zelf aanpast tijdens het uitvoeren. Daar heb ik niet op gelet.

(ik zou de validatiefout voor lief nemen denk ik)

Re: rel= vervangen door class=

Posted: Fri Nov 16, 2012 1:25 pm
by sjoerdd87
velden wrote:Ok.

Nou ja, ik heb even naar het LightBox script gekeken en het hangt nogal aan die 'rel=...' notatie.

Je zou die hele file kunnen doorlopen en overal aanpassen. Risico dat dan nog even moet uitsluiten is dat Lightbox mogelijk de class van de link zelf aanpast tijdens het uitvoeren. Daar heb ik niet op gelet.

(ik zou de validatiefout voor lief nemen denk ik)
Heb alles aangepast maar dan werkt de lightbox niet meer, de lightbox die ik gebruik heet trouwen slimbox, zit standaard in de gallery.

Ook is het wel vreemd dat het niet werkt op Android, op de rest van de browsers wel namelijk.

Re: rel= vervangen door class=

Posted: Fri Nov 16, 2012 1:35 pm
by velden
Heb je een linkje?

Re: rel= vervangen door class=

Posted: Fri Nov 16, 2012 4:08 pm
by sjoerdd87
velden wrote:Heb je een linkje?
http://www.dekker-design.nl/portfolio.html

Re: rel= vervangen door class=

Posted: Fri Nov 16, 2012 4:13 pm
by velden
sjoerdd87 wrote:
velden wrote:Heb je een linkje?
http://www.dekker-design.nl/portfolio.html
Sorry, hoopte op een link van de NIET werkende versie waarbij je de 'class' had gebruikt ipv 'rel'

Re: rel= vervangen door class=

Posted: Fri Nov 16, 2012 5:28 pm
by sjoerdd87
velden wrote:
sjoerdd87 wrote:
velden wrote:Heb je een linkje?
http://www.dekker-design.nl/portfolio.html
Sorry, hoopte op een link van de NIET werkende versie waarbij je de 'class' had gebruikt ipv 'rel'
Tsja had hem aangepast anders krijgen mijn bezoekers het ook niet goed te zien.