Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Div z przewijaniem + wyrównanie treści do góry, Jak zrobić diva, w którym będą dokładnie 4 obrazki
Krowa
post 22.02.2010, 14:17:28
Post #1





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 27.10.2008

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


Witam,



Mam diva w którym jest kilkanaście obrazków. Chciałbym aby po przewinięciu obrazki zostały wyrównane do góry/dołu diva aby nie było widać ich "pociętych". Proszę o pomoc - co mogę zastosować, aby osiągnąć oczekiwany efekt.
Go to the top of the page
+Quote Post
krzysztof_kf
post 22.02.2010, 14:44:56
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


Kod
margin: 0 0 0 0;


?

jak nie wiesz pokaż kod
Go to the top of the page
+Quote Post
Krowa
post 22.02.2010, 14:50:14
Post #3





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 27.10.2008

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


Chyba niezbyt jasno się wypowiedziałem smile.gif w końcu dziś poniedziałek biggrin.gif
Oryginał wygląda tak:



Ale chciałbym aby podczas przewijania, obrazki "podnosiły" się wyżej - żeby końcowym efektem były 4 CAŁE w divie, żeby user widział całość a nie przecięte obrazki... użyc coś ze scroolTo?

Kod
<div style="width:440px;height:299px;overflow:auto;">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
(...)
</div>


Ten post edytował Krowa 22.02.2010, 14:54:03
Go to the top of the page
+Quote Post
krzysztof_kf
post 22.02.2010, 16:54:29
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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


łap dalej dasz chyba radę

Kod
<style type="text/css">

.obrazki {
width: 440px;
height: 299px;
}

.obrazki img {
float: left;
margin: 0 3px 0 0;
}

</style>

<div class="obrazki">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
<img src="http://forum.php.pl/style_images/top/logo.png">
(...)
</div>
Go to the top of the page
+Quote Post
Krowa
post 22.02.2010, 19:40:30
Post #5





Grupa: Zarejestrowani
Postów: 10
Pomógł: 0
Dołączył: 27.10.2008

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


Nie chodzi mi o to...

Ale podam przykład
np. dodam klawisz "pokaż 4 następne obrazki" i przewinie mi DIVa dokładnie pokazując 4 obrazki obok siebie. Pewnie zastosuje scroollTo lub coś w tym stylu. Chciałbym żeby samo przewijanie aktywowało "pokazywanie tylko 4 obrazków", "4 tabelek" czegokolwiek, ale "wycentrowanego"

inaczej:
przewijam i otrzymuje taki efekt (obrazki "przecięte" u góry)


chcę, aby po chwili (lub od razu - bez różnicy) div się "wycentrował" -zjechał trochę w dół lub górę i obrazki były "pełne"


Ten post edytował Krowa 22.02.2010, 19:46:23
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: 19.07.2025 - 07:00