Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Clip + scroll poziomy
husky83
post 11.06.2010, 09:24:58
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 0
Dołączył: 8.12.2005
Skąd: Gliwice

Ostrzeżenie: (0%)
-----


Zawsze wolałem stronę programową od wizualnej.. Ale przyszedł czas na css, żeby to coś ładnie wyglądało winksmiley.jpg

Do rzeczy..

  1. <div id=photo_list>
  2. <div class=photo_thumbs>
  3. <img src=1><img src=2> (...)
  4. </div>
  5. </div>

Czyli wiadomo o co chodzi - lista zdjęć (miniaturek). Nie wiadomo ile ich jest...

Do tego css:

  1. #photo_list{
  2. clip:rect(0px, 730px, 100px, 0px);
  3. height:100px;
  4. width:730px;
  5. overflow:scroll;
  6. position:absolute;
  7. }
  8.  
  9. .photo_thumbs{
  10. height:100px;
  11.  
  12. /*width:5000px;*/
  13. }

I.. no właśnie - przewijanie poziome.. Udało mi się już wymusić, żeby pojawiał się scroll poziomy, jednak problem jest jeden...
Po zakończeniu widocznej linii kolejne zdjęcia są (już niewidoczne) wyświetlane poniżej, zamiast dalej w prawo, aby móc przewijać...
Póki co jedyne co działa, to to co jest zakomentowane - w klasie photo_thumbs kod width:5000px;. Ale nigdy nie wiadomo jaka będzie szerokość! Teoretycznie można to zrobić przez javascript, licząc szerokość wszystkich obrazków (i ich ramek itd), ale czy to ma sens? Na pewno da się to zrobić w CSS, ale nie wiem jak :/
Próbowałem dodać do każdego obrazka 'float:left', ale bez rezultatu...
Powiem wprost:
POMOCY exclamation.gif



--------------------
Husky 83 - Galeria zdjęć psów zaprzęgowych
Go to the top of the page
+Quote Post
starkwind
post 17.06.2010, 11:31:09
Post #2





Grupa: Zarejestrowani
Postów: 11
Pomógł: 0
Dołączył: 17.06.2010

Ostrzeżenie: (0%)
-----


nadal dla photo_thumbs

  1. width: np. 500px;
  2. overflow: auto;


po przekroczeniu obszaru 500px powinien pojawić się scroll, nie wiem czy obrazki nie będą przeskakiwać na dół ale jak by cos takiego miało miejsce spróbuj wtedy float: left dla img


--------------------
Front-end Developer xHTML CSS JS JQuery
Go to the top of the page
+Quote Post
erix
post 17.06.2010, 11:44:59
Post #3





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Podejrzewam, że gryzie się to z clipem... Tak nawiasem, po co Ci on, skoro masz overflow?


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 04:19