[brennt]

hallo fachwelt!
bin relativ neu in der css welt und stoße bei folgenden problemen an meine grenzen:
check: Gleich Elektronik

1. die vier buttons links (montage, löten, anschlüsse, material) gehen bei einfachem klick nicht auf, bei rechtsklick (öffnen in neuem tab) funktioniert die verlinkung... bsp: anschluss.html >>WO HAKTS?

2. bsp: anschluss.html: möchte den schwarzen balken hier gleich zu beginn auf "Anschlüsse" legen. der hängt immer an erster stelle fest... wie kann ich den je nach abfolge an zweiter, dritter oder vierter stelle beginnen lassen??

danke für eure hilfe


HTML_
<ul class="slides">
<li><img src="http://xhtmlforum.de/images/slide-title1.jpg" <a href="montage.html"></a></li>
<li><img src="http://xhtmlforum.de/images/slide-title2.jpg" <a href="loeten.html"></a></li>
<li><img src="http://xhtmlforum.de/images/slide-title3.jpg" <a href="anschluss.html"></a></li>
<li><img src="http://xhtmlforum.de/images/slide-title4.jpg" <a href="material.html"></a></li>
</ul>
<ul class="pagination">
<li><a href="montage.html" rel="0"><span>MONTAGE</span><small>Kabel, Gehäuse & Platten</small></a></li>
<li><a href="loeten.html" rel="1"><span>LÖTEN</span><small>Dampfphase & Advanced</small></a></li>
<li><a href="anschluss.html" rel="2"><span>ANSCHLÜSSE</span><small>Verbindungsarten</small></a></li>
<li><a href="material.html" rel="3"><span>MATERIAL</span><small>Disposition & Bestellung</small></a></li>
</ul>


CSS_/* slider */
#faded {width:990px;height:350px;margin:7px 0;background:url(../images/slider-bg.jpg) no-repeat 25px 5px}
#faded ul {list-style:none;padding:0;margin:0}
#faded ul.pagination {list-style:none;padding:0;margin:0;width:246px;height:3 50px;background:url(../images/pagination-bg.jpg) no-repeat left top}
#faded ul.pagination li {padding:5px 0 0 5px;margin-bottom:-5px}
#faded ul.pagination li a {width:270px;height:85px;background-repeat:no-repeat;background-position:left -85px;background-image:url(../images/thumb-sprite.png);text-decoration:none;display:block;color:#464646}
#faded ul.pagination li.current a {background-position:left top;color:#fff}
#faded ul.pagination li a span {font-size:30px;line-height:1.2em;display:block;padding:14px 0 0 0}
#faded ul.pagination li a small {display:inline-block;color:#003399;background-repeat:no-repeat;background-position:right -80px;background-image:url(../images/arrows.gif);padding:0 17px 0 0}
#faded ul.pagination li a span,
#faded ul.pagination li a small {padding-left:40px}
#faded ul.pagination li.current a small {color:#006633;background-position:right 5px}
#faded ul.slides li {position:relative;width:100%}
#faded ul.slides li img {position:relative;top:5px;left:236px;width:745px; height:340px}
#faded ul.slides li a {color:#fff;text-transform:uppercase;text-decoration:none;position:absolute;right:43px;top:2 17px;font-size:18px;line-height:1.2em;padding-left:8px;background:url(../images/button-left.png) no-repeat left top;letter-spacing:-1px}
#faded ul.slides li a:hover {color:#006633}
#faded ul.slides li a span {display:block;padding-right:8px;background:url(../images/button-right.png) no-repeat right top}
#faded ul.slides li a span span {background:url(../images/button-tail.png) repeat-x left top;padding:15px 14px 17px 14px}
a {outline:0;border:0}

[Thielo]

Da ist JavaScript im Einsatz. Das ist kein CSS Problem.

[brennt]

danke, stimmt ja!
js - das macht die sache nicht wirklich leichter...