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

Ustawienie elementu (godziny pracy sklepu) jeden pod drugim

Object Storage Arubacloud
0 głosów
669 wizyt
pytanie zadane 20 maja 2020 w HTML i CSS przez marsoonn Początkujący (460 p.)

Cześć,

Jak najłatwiej ustawić element (godzina) jeden pod drugim w jednej prostej linii?
Rozumiem, że sposób którym próbowałem to zrobić jest bezsensu (proszę się nie śmiać)
Trzeba to robić na jakiś osobnych divach czy jak?


 

<div id="kontaktframe2">
				<p class="italic">Godziny otwarcia:<p>

				Poniedziałek &nbsp; 09:00 - 17:00<br>
				Wtorek &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;09:00 - 17:00<br>
				Środa &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 09:00 - 17:00<br>
				Czwartek &nbsp; &nbsp; &nbsp; &nbsp;08:00 - 16:00<br>
				Piątek &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;09:00 - 17:00<br>
				Sobota &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;09:00 - 13:00<br>
				Niedziela &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Zamknięte<br>
			</div>

Z poważaniem,
Michał

3 odpowiedzi

0 głosów
odpowiedź 20 maja 2020 przez Paweł Nąckiewicz Nałogowiec (48,990 p.)

Użyj flexboxa i daj mu kierunek kolumn

0 głosów
odpowiedź 20 maja 2020 przez eunstachy Stary wyjadacz (14,180 p.)

Najlepiej każdy dzień tygodnia żeby był w osobnym divie dodatkowo dzień tygodnia i godziny żeby też były jeszcze w osobnych divach.

Przykładowy kod HTML

<div class="wrapper">
	<div class="row">
		<div>Poniedziałek</div>
		<div>8:00 - 18:00</div>
	</div>

	<div class="row">
		<div>Wtorek</div>
		<div>8:00 - 18:00</div>
	</div>
</div>

I CSS

.wrapper {
	max-width: 200px;
}

.row {
	display: flex;
	justify-content: space-between;
}

Max-width można ustalić według uznania na ile szeroka ma być całość.

Display: flex ustawi nam nazwę dnia oraz godzinę w jednej linii a justify-content: space-between ustawi elementy na skrajnych końcach zostawiając przestrzeń po środku.

0 głosów
odpowiedź 20 maja 2020 przez TeaCup Obywatel (1,370 p.)
Możesz użyć znacznika <table> oraz <tr> i <td> czyli stworzyć tabelkę na swojej stronie www.

Podobne pytania

+1 głos
3 odpowiedzi 2,035 wizyt
0 głosów
1 odpowiedź 72 wizyt
pytanie zadane 11 października 2023 w HTML i CSS przez osqarek Nowicjusz (140 p.)
0 głosów
1 odpowiedź 884 wizyt
pytanie zadane 10 grudnia 2018 w HTML i CSS przez Whereismycode Obywatel (1,710 p.)

92,555 zapytań

141,403 odpowiedzi

319,557 komentarzy

61,940 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

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy 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!

...