Keskustelu: Nettisivujen teko: Lightbox(in) käyttö kotisivulla

http://lokeshdhakar.com/projects/lightbox2/

Laitoin ko lightboxin kotisivulleni. Nyt on ongelma seuraavanlainen: Mulla on index.html:ssä seuraavaa koodia ja ihmettelen että mikä on vialla, koska kun avaan ko divissä kuvat, niin lightboxissa kuvat näkyvät väärässä järjestyksssä (eli kuva 2/2 ensin ja siitä sitten taaksepäin???). Miten saan kuvan 1/2 emsimmäisenä näkymään?

<div id="laatikko_harmaa2">
<a href="images/slidesahko_yht.jpg" rel="lightbox[harmaa2]" title="Kotisivujen suunnittelu ja toteutus.">
<a href="images/slideurakointi.jpg" rel="lightbox[harmaa2]" title="Kotisivujen suunnittelu ja toteutus.">
<img src="images/laatikko_harmaa2.png" alt="Kotisivujen suunnittelu ja toteutus." onmouseover="this.src='images/laatikko_harmaa_kuva2.png'" onmouseout="this.src='images/laatikko_harmaa2.png'" style="cursor:pointer"/></a>
</div>

Apua tarvitaan...

JHH

Lisäys:

Validaattori ilmoittaa seuraavista ongelmista. En osaa itse korjata ongelmia...

Validation Output: 2 Errors

Error Line 67, Column 111: document type does not allow element "a" here; missing one of "object", "span", "bdo", "applet", "iframe", "tt", "i", "b", "u", "s", "strike", "big", "small", "font", "em", "strong", "dfn", "code", "q", "samp", "kbd", "var", "cite", "abbr", "acronym", "sub", "sup", "label", "ins", "del" start-tag

…ngas.jpg" rel="lightbox[harmaa2]" title="Kotisivujen suunnittelu ja toteutus.">

✉

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").
Error Line 69, Column 6: end tag for "a" omitted, but OMITTAG NO was specified

</div>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
Info Line 66, Column 1: start tag was here

<a href="images/slidesahkosipa_yht.jpg" rel="lightbox[harmaa2]" title="Kotisivu…

Lukematta yhtään pitemmälle viestiäsi, niin varmaan ainakin tuo auki jäänyt linkkitägi pitäisi sulkea.

Siis mistä se tägi oikein puuttuu???

<a href="images/slidesahko_yht.jpg" rel="lightbox[harmaa2]" title="Kotisivujen suunnittelu ja toteutus."><!-- Tänne pitäisi tulla linkin teksti, tämän jälkeinen </a> puuttuu, laitoin sen näkyviin --></a>
<a href="images/slideurakointi.jpg" rel="lightbox[harmaa2]" title="Kotisivujen suunnittelu ja toteutus."><!-- Samaten tästä puuttuu a:n lopputagi eli </a>

Tuossa selitys, miksi ei mene validaattorista läpi.
EDIT:

<div id="laatikko_harmaa2">
	<a href="images/...">
		<a href="...">
			<img src="..."/>
			</div>

Sivusi rakenne on nyt tuollainen (sisennettynä, eli näkyy mikä elementti on minkäkin sisällä). Rakenne menee tuollaiseksi, koska et sulje a-tageja. Eli käytännössä teet a-elementin sisälle toisen a:n, toisen a:n sisälle img-tagin ja img-tagin jälkeen suljet olemattoman div-tagin.

jhh:
Siis sulla on esimerkissa pari hassua tägiä, ja et näe puuttuvaa lopetustägiä...

<div>
<a>
<a>
<img/></a>
</div>

<Tähän meemi-kuva South Parkin hiihto-opettajasta sanomassa jotain html-tägeistä ja pahasta ajasta>