Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Div z poziomym scrollem
skowron-line
post
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 (IMG:style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
AdIoS_Neo
post
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
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.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 21:15