• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Jak zrobić pojemnik, który ma scrollbara

VPS Starter Arubacloud
0 głosów
112 wizyt
pytanie zadane 18 czerwca 2018 w HTML i CSS przez MakaBresk Obywatel (1,060 p.)
zmienione kategorie 18 czerwca 2018 przez HaKIM

Dobry wieczór moje pytanie jest takie: Co zrobić, aby pojemnik o określonej szerokości i wysokości miał scrollbara i można było przewijać w nim treść?

 

Np.

<!doctype html>
<html lang="pl">

<head>
	
	<meta charset="UTF-8">

		<title>TESTY</title>
	
</head>

<body>

<div style="background-color: black; color: white;
width: 300px; height: 300px;">PRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKSTPRZYKŁADOWY TEKST</div>

</body>

</html>

 

komentarz zamknięcia: Rozwiązany problem

1 odpowiedź

+1 głos
odpowiedź 18 czerwca 2018 przez Perseusz Bywalec (2,190 p.)
wybrane 18 czerwca 2018 przez MakaBresk
 
Najlepsza

https://www.w3schools.com/CSSref/pr_pos_overflow.asp

overflow: scroll;

nic trudnego troszkę poszukać :P

poza tym a propos forum to jest kategoria HTML/CSS

komentarz 18 czerwca 2018 przez Perseusz Bywalec (2,190 p.)
<div style="background-color: black; color: white;
width: 300px; height: 300px; overflow: scroll;">

    <div id="przykladowydiv" style="width: 200px; height: 200px; background-color: red;"></div>
    <div id="przykladowydiv" style="width: 200px; height: 200px; background-color: red;"></div>

</div>

 

komentarz 18 czerwca 2018 przez MakaBresk Obywatel (1,060 p.)
Ok dzięki bardzo.
komentarz 18 czerwca 2018 przez MakaBresk Obywatel (1,060 p.)
A wiesz jak mieć możliwość powiększania i pomniejszania tego całego diva tzn. zmiany jego rozmiaru przytrzymując przycisk myszy i przeciągając w różnych kierunkach przeglądarki?
komentarz 18 czerwca 2018 przez Perseusz Bywalec (2,190 p.)
Raczej byś się musiał bawić z javascript, jQuery i takie tam. Narazie siędzę w phpie także nie potrafię pomóc, ale poradniki nie trudno znaleźć także powodzenia
komentarz 18 czerwca 2018 przez MakaBresk Obywatel (1,060 p.)
Ok. Dzięki za pomoc.
komentarz 19 czerwca 2018 przez Perseusz Bywalec (2,190 p.)

@Mariusz08

ok, teraz mi troche głupio, ale pojęcia nie miałem i w sumie to większość mojej wiedzy się na tym W3Schools opieraindecision

Dzięki za info no i sorka :P

Podobne pytania

0 głosów
1 odpowiedź 362 wizyt
0 głosów
2 odpowiedzi 147 wizyt
0 głosów
1 odpowiedź 112 wizyt
pytanie zadane 25 marca 2017 w C i C++ przez kevin Mądrala (5,010 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...