Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Div z poziomym scrollem
skowron-line
post 8.06.2012, 11:21:51
Post #1





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


  1. <div style="width:350px;height:90px;overflow: auto;">
  2. <ul>
  3. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  4. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  5. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  6. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  7. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  8. </ul>
  9. </div>

Jak zrobić żeby elementy były inline a w divie pokazał się poziomy scroll questionmark.gif


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
Go to the top of the page
+Quote Post
AdIoS_Neo
post 9.06.2012, 00:56:39
Post #2





Grupa: Zarejestrowani
Postów: 159
Pomógł: 43
Dołączył: 8.03.2009

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


Witam,
może taki rozwiązanie by Cię interesowało ?
  1. <div style="width:350px;height:90px;overflow-x:auto;overflow-y:hidden;">
  2. <div style="height:90px;width:600px;">
  3. <ul style="margin:0px;padding:0px;">
  4. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  5. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  6. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  7. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  8. <li style="display: inline"><a href="http://placehold.it/114x81" target="_blank"><img src="http://placehold.it/114x81" /></a></li>
  9. </ul>
  10. </div>
  11. </div>

Szerokość wewnętrznego div'a trzeba dostosować do ilości elementów w nim (do ich szerokości)
Go to the top of the page
+Quote Post
skowron-line
post 9.06.2012, 12:53:26
Post #3





Grupa: Zarejestrowani
Postów: 4 340
Pomógł: 542
Dołączył: 15.01.2006
Skąd: Olsztyn/Warszawa

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


@AdIoS_Neo dokładnie taki efekt chciałem osiągnąć dzięki.


--------------------
I'm so fast that last night I turned off the light switch in my hotel room and was in bed before the room was dark - Muhammad Ali.
Peg jeżeli chcesz uprawiać sex to dzieci muszą wyjść, a jeżeli chcesz żeby był dobry ty też musisz wyjść - Al Bundy.

QueryBuilder, Mootools.net, bbcradio1::MistaJam
http://www.phpbench.com/
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.06.2025 - 17:57