![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 1 385 Pomógł: 55 Dołączył: 1.03.2005 Skąd: śląsk Ostrzeżenie: (0%) ![]() ![]() |
witam
mam div o wymiarach 500x300px. chciałbym żeby lewa i prawa część tego diva była klikalna, lewa część do poprzedniego zdjęcia, prawa do następnego. w FF sobie poradziłem, działa dobrze. teraz tylko problem wiadomo z czym (IE7, 6). CSS taki ułożyłem: Kod #pokaz .zdj_nav{ position: absolute; height: 100%; width: 100px; } #pokaz .zdj_nav:hover{ background-color: white; cursor: pointer; } #pokaz .zdj_nav a{ height: 100%; display: block; width: 100%; } #pokaz .prev{ top: 0; left: 0; } #pokaz .next{ top: 0; right: 0; } ma ktoś pomysł jakby to można było zmodyfikować, żeby w IE to dobrze działało? pozdrawiam Ten post edytował AxZx 16.12.2008, 13:49:26 |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 1 385 Pomógł: 55 Dołączył: 1.03.2005 Skąd: śląsk Ostrzeżenie: (0%) ![]() ![]() |
taki brzydki kod popełniłem:
Kod #pokaz .col2 .main_zdjecie{ text-align: center; border: 1px solid #4C3E2E; background-color: #231607; margin-bottom: 10px; position: relative; } #pokaz .col2 .main_zdjecie_nav{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; } #pokaz .col2 .main_zdjecie_nav a{ display: block; width: 30%; height: 100%; background-image: url(data:image/gif;base64,AAAA); outline: none; } #pokaz .col2 .main_zdjecie_nav a.prev_link{ float: left; left: 0; } #pokaz .col2 .main_zdjecie_nav a.next_link{ float: right; right: 0; } #pokaz .col2 .main_zdjecie_nav a.prev_link:hover{ background: url(../img/prevlabel.gif) left 20% no-repeat; } #pokaz .col2 .main_zdjecie_nav a.next_link:hover{ background: url(../img/nextlabel.gif) right 20% no-repeat; } czyli i float i absolute. działa dobrze i w FF jak i w IE. |
|
|
![]() ![]() |
![]() |
Aktualny czas: 9.10.2025 - 01:39 |