|
|||
slider/pagination+links stimmen nicht überein
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} |
Sponsored Links |
|
||||
Da ist JavaScript im Einsatz. Das ist kein CSS Problem.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
DIV immer ganze Breite - normal?!?!? | csski | CSS | 3 | 02.07.2008 13:20 |
IE 7 skaliert Links falsch? | theonlyandy | CSS | 16 | 10.04.2008 11:44 |
links formatieren? | trojaner | CSS | 2 | 13.01.2004 20:57 |
links in externem fenster öffnen... HELP Plz!! | NoPlanClan | CSS | 4 | 12.01.2004 19:54 |
Formularbuttons und Links mit CSS gleich gestalten | Jürgen | CSS | 1 | 18.09.2003 19:33 |