Slideshow-dünne Linie bei "next"

[cfie83]

Hallo ihr Lieben,

ich habe mir vor kurzem meine Homepage in Dreamweaver gebaut. Nun habe ich bei der Slideshow beim Klicken auf "next" immer 2 dünne Linien über die ganzen Bilder.



Hat jemand ne Idee wie man das beheben kann? Oder woran das liegen könnte. Komischerweise taucht es bei "prev" nicht auf! :-(

Ich kann im HTML Code keinen Unterschied erkennen!

Tausend Dank schon mal....

 

[Myhar]

Mutmaßlich kommt das von der Default border Eigenschaft bei Links.
Aber ohne Code (HTML alleine ist hier nicht ausschlaggebend) kann man nicht mehr dazu sagen.

 

[cfie83]

http://www.templatemo.com/templates/templatemo_396_smoothy/


Hier ist das Free Template woraus ich die Slideshow genommen habe, auch hier ist schon dieses Linienproblem! :-(

 

[TAM1993]

auch hier ist schon dieses Linienproblem! :-(

Nö, bei mir nicht. Haste mal den Cache gelöscht oder 'nen anderen Browser versucht?
Bei mir sind wie gesagt keine Striche -> Firefox 30.0

 

[cfie83]

Okay, checke ich. Danke erstmal!

 

[cfie83]

Merkwürdig, über Chrome läufts, über Explorer brauchen wir nicht reden.
Also lass ich jetzt alles wie es ist!

 

[TAM1993]

über Explorer brauchen wir nicht reden.

Amen.

 

[afr0kalypse]

ich behaupte mal, dass es die css eigenschaft outline ist. stell mal auf outline:0 dann sollte das auch weg sein.

 

[cfie83]

Das ist crazy, ich hatte vorher garkeine outline drin, hab jetzt aber einfach mal eine reingemacht und wie du sagtest auf 0 gestellt. Und taaaaaddddaaaaaa es hat funktioniert!!!
Verstehen tue ich es aber trotzdem nicht!


VORHER

#prev {
width: 35px;
height: 50px;
position: absolute;
top: 50%;
left:0;
text-indent: -9999px;
background: url(../images/prev.png)0px -50px no-repeat;
}

#next {
width: 35px;
height: 50px;
position: absolute;
top: 50%;
right:0;
text-indent: -9999px;
background: url(../images/next.png)0px -50px no-repeat;
}

NACHHER

#prev {
width: 35px;
height: 50px;
position: absolute;
top: 50%;
left:0;
text-indent: -9999px;
background: url(../images/prev.png)0px -50px no-repeat;
outline: 0
}

#next {
width: 35px;
height: 50px;
position: absolute;
top: 50%;
right:0;
text-indent: -9999px;
background: url(../images/next.png)0px -50px no-repeat;
outline: 0
}

 

[Myhar]

Das kommt daher:

Mutmaßlich kommt das von der Default border (richtig wäre outline) Eigenschaft bei Links.

Jeder Browser hat Standardeinstellungen und bei Links ist das nun mal eine outline. Auch Abstände, Farben (Schwarz ist hier Standard für Text, Blau für Links) usw. sind vordefiniert. Die können aber je nach Browser unterschiedlich sein. Das heißt, du brauchst nichts definieren.