rel= vervangen door class=

[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.

[velden]

Wat is er mis met het rel attribuut?
http://dev.w3.org/html5/spec/single-pag ... erlink-rel

[sjoerdd87]

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. 

[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)

[sjoerdd87]

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.

[velden]

Heb je een linkje?

[sjoerdd87]

Heb je een linkje?

http://www.dekker-design.nl/portfolio.html

[velden]

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'

[sjoerdd87]

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.