tutaj jest screen na ekranie 22"
screen 1
Jak widać białe strzałki sa po środku ekranu i nad nią jest ta czerwona strzałka opisowa (jest między nimi odstęp)
a tutaj screen z ekranu 15.6"
screen 2
Białe strzały się wyśrodkowały, ale czerwona strzałka jakby nie ruszyła się z miejsca i nachodzi na biała.
fragment css odpowiedzialny za strzałki, gdzie:
fp-controlArrow - jest kontenerem na białe strzałki
.fp-controlArrow.fp-prev - biala w lewo
.fp-controlArrow.fp-next - biała w prawo
.fp-controlArrow.descArrow - moja czerwona strzałka
.fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; } .fp-controlArrow.fp-prev { left: 25px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } .fp-controlArrow.fp-next { right: 25px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } .fp-controlArrow.descArrow{ right: 32px; top:37%; background: url("images/strzalka.png") no-repeat; width:60px; height:93px; border:none; }
Jak w .fp-controlArrow.descArrow wstawię kod od .fp-controlArrow.fp-prev lub ... next, w tedy ta dodatkowa strzałka się centruje tak jak powinno.
Nie mam pojęcia co robię źle i jak to powinno wyglądać, już się pogubiłem
Może robię to całkowicie źle, ale ogólnie chcę otrzymać taki efekt :
tak powinno wygladac
Czyli do białej strzałki, strzałka czerwona a nad nią jakiś tekst