Hai,

da ich meine Seite mit einer Bildergalerie in CSS, ohne PHP verschönern will, bin ich auf dies bei Stu Nichols gestossen.

Nur eines verstehe ich nicht. Wozu ist die Angabe : href="#portrait1" und so weiter gut ?

HTML-Code:

<ul>
	<li>
<a class="vert" href="#portrait1"><span><img src="slide/pic_9va.jpg" alt="" title="" /></span><em><img src="slide/pic_9v.jpg" alt="" title="" 

/></em></a>
<a class="horiz" href="#portrait2"><span><img src="slide/pic_9ha.jpg" alt="" title="" /></span><em><img src="slide/pic_9h.jpg" alt="" title="" 

/></em></a>
<a class="horiz" href="#portrait3"><span><img src="slide/pic_10ha.jpg" alt="" title="" /></span><em><img src="slide/pic_10h.jpg" alt="" 

title="" /></em></a>
<a class="vert" href="#portrait4"><span><img src="slide/pic_10va.jpg" alt="" title="" /></span><em><img src="slide/pic_10v.jpg" alt="" title="" 

/></em></a>
<span class="clr"></span>
<a class="horiz" href="#portrait5"><span><img src="slide/pic_11ha.jpg" alt="" title="" /></span><em><img src="slide/pic_11h.jpg" alt="" 

title="" /></em></a>
<a class="vert" href="#portrait6"><span><img src="slide/pic_11va.jpg" alt="" title="" /></span><em><img src="slide/pic_11v.jpg" alt="" title="" 

/></em></a>
<a class="vert" href="#portrait7"><span><img src="slide/pic_12va.jpg" alt="" title="" /></span><em><img src="slide/pic_12v.jpg" alt="" title="" 

/></em></a>
<a class="horiz" href="#portrait8"><span><img src="slide/pic_12ha.jpg" alt="" title="" /></span><em><img src="slide/pic_12h.jpg" alt="" 

title="" /></em></a>
<span class="clr"></span>
<a class="horiz" href="#portrait9"><span><img src="slide/pic_13ha.jpg" alt="" title="" /></span><em><img src="slide/pic_13h.jpg" alt="" 

title="" /></em></a>
<a class="horiz" href="#portrait10"><span><img src="slide/pic_14ha.jpg" alt="" title="" /></span><em><img src="slide/pic_14h.jpg" alt="" 

title="" /></em></a>
<a class="horiz" href="#portrait11"><span><img src="slide/pic_15ha.jpg" alt="" title="" /></span><em><img src="slide/pic_15h.jpg" alt="" 

title="" /></em></a>
<a class="horiz" href="#portrait12"><span><img src="slide/pic_16ha.jpg" alt="" title="" /></span><em><img src="slide/pic_16h.jpg" alt="" 

title="" /></em></a>
<span class="clr"></span>
<a class="vert" href="#portrait13"><span><img src="slide/pic_13va.jpg" alt="" title="" /></span><em><img src="slide/pic_13v.jpg" alt="" 

title="" /></em></a>
<a class="vert" href="#portrait14"><span><img src="slide/pic_14va.jpg" alt="" title="" /></span><em><img src="slide/pic_14v.jpg" alt="" 

title="" /></em></a>
<a class="vert" href="#portrait15"><span><img src="slide/pic_15va.jpg" alt="" title="" /></span><em><img src="slide/pic_15v.jpg" alt="" 

title="" /></em></a>
<a class="vert" href="#portrait16"><span><img src="slide/pic_16va.jpg" alt="" title="" /></span><em><img src="slide/pic_16v.jpg" alt="" 

title="" /></em></a>
	</li>
	</ul>

Ciao Stefan

Normalerweise dient href="#portrait1" als Verweis zu einem Anker innerhalb eines Dokuments. Im vorliegenden Beispiel hat der Autor dies wohl nur als "Platzhalter" für das href-Attribut verwendet, und somit hat es keine funktionelle Aufgabe.

Hai,

Danke ! Die Nicht-funktionelle Aufgabe, mich zu verwirren hat das Element erfüllt.

Ciao Stefan