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

Jak zrobić układ tekstu jak na tej stronie? (wszystko w opisie)

Object Storage Arubacloud
0 głosów
194 wizyt
pytanie zadane 10 listopada 2015 w HTML i CSS przez DavidMCPolska Bywalec (2,770 p.)
Znalazłem taką stronę która ma szerokość na cały ekran, ale wszędzie tekst ma szerokość ok. 80%

http://css4.rocks/selectors-level-4/

Jak zrobić coś takiego jak na tej stronie, że wszędzie tekst jest jakby w niewidzialnej kolumnie?

2 odpowiedzi

+1 głos
odpowiedź 10 listopada 2015 przez Tnifey Pasjonat (24,190 p.)
Tam jest zrobione że wszystkie te kolorowe divy mają jeden padding ustawiony :) Możesz też zrobić tak że w divach są jeszcze divy które zajmują 80% miejsca :)
+1 głos
odpowiedź 10 listopada 2015 przez furas Maniak (53,800 p.)
Zawsze można podejrzeć jak jest to zrobione na tej stronie. W przeglądarce Chrome i Firefox są "Narzędzia dla deweloperów" które pozwalają podglądać HTML i CSS a także je modyfikować aby się przekonać "co się stanie gdy ...".

Obiekty mają taką własność jak "margin" i "padding" i prawdopodobnie to zostało tam użyte. Do tego moga dochodzić inne własności jak i umieszczanie węższych elementów w elementach o szerokości 100%.
komentarz 16 listopada 2015 przez DavidMCPolska Bywalec (2,770 p.)
Znam narzędzia dla deweloperów no i patrzyłem, że w tych divach są divy z klasą 'content' który ma taką szerokość, ale myślałem, że może to jest jakoś bardziej profesionalnie zrobione. Ostatecznie zdecydowałem się użyć wkładania elementów o szerokości 70% w elementy o szerokości 100% :) Dzięki za odpowiedź

Podobne pytania

0 głosów
2 odpowiedzi 206 wizyt
pytanie zadane 5 grudnia 2015 w HTML i CSS przez barteku12 Obywatel (1,340 p.)
0 głosów
0 odpowiedzi 279 wizyt
0 głosów
0 odpowiedzi 146 wizyt
pytanie zadane 24 lutego 2019 w Systemy operacyjne, programy przez Marak123 Stary wyjadacz (11,190 p.)

92,762 zapytań

141,686 odpowiedzi

320,497 komentarzy

62,106 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

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!

...