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

Div nawigacji nie chce się ułożyć w jednej linii z drugim divem

Hosting forpsi easy 1 pln
0 głosów
271 wizyt
pytanie zadane 11 maja 2021 w HTML i CSS przez bazyl8796 Obywatel (1,020 p.)

Cześć,
kompletnie nie mam pojęcia dlaczego div nawigacji nie chce "przepuścić" do linii w której się znajduje drugiego diva pomimo, że wszystko jest niby dobrze. Gdy usuwam marginesy, w divie z nawigacją i dodaję "float:left" to niby wszystko działa, ale gdy znów próbuję wyśrodkować to 2 div przeskakuje do dolnej linijki :/.
Proszę o pomoc i pozdrawiam!

<div class="topbar">
		<div class="menu">
				<ol class="topmenu">
					<li> <a href="#">Strona Główna</a></li>
					<li> <a href="#">Wsparcie</a></li>
					<li> <a href="#">Kontakt</a></li>
					<li> <a href="#">Współpraca</a></li>
				</ol>
		</div>
		<div id="color-adjust">
			<i class="icon-color-adjust"></i>
		</div>
.menu
{ 
	width: 50%;
	padding: 10px 0;
	background-color:rgb(66, 80, 156);
	border-bottom: 1px solid rgb(38, 46, 90);
	border-left: 1px solid rgb(38, 46, 90);
	border-right: 1px solid rgb(38, 46, 90);
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}
.menu ol
{
	padding: 0px;
	margin: 0;
	list-style-type: none;
	font-size: 15px;
	height: 20px;
	display: inline-block;
}
.menu ol a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding:0px 20px;
}
.menu ol > li
{
	float: left;
}
#color-adjust
{
	float:right;
	font-size:20px;
	height: 30px;
	width: 30px;
	color:white;
	background-color:rgb(66, 80, 156);
	border-radius:7px;
	margin-right: 20px;
}

 

2 odpowiedzi

+3 głosów
odpowiedź 11 maja 2021 przez SzkolnyAdmin Szeryf (84,320 p.)
wybrane 11 maja 2021 przez bazyl8796
 
Najlepsza
W jaki sposób pozycjonujesz bloki w bloku o klasie " topbar "? Dla tego bloku daj display:flex i powinno być dobrze. Poczytaj o Flexible box (flebox).
komentarz 11 maja 2021 przez bazyl8796 Obywatel (1,020 p.)
dzięki wielkie :D
+3 głosów
odpowiedź 11 maja 2021 przez ScriptyChris Mędrzec (190,190 p.)

Jeśli już używasz float to oba elementy powinny mieć go ustawionego na wartość left.

Ale zapomnij o układaniu layoutów za pomocą float i użyj tutaj flexboxa.

Podobne pytania

0 głosów
1 odpowiedź 764 wizyt
pytanie zadane 15 lutego 2017 w HTML i CSS przez remo82 Użytkownik (560 p.)
0 głosów
1 odpowiedź 454 wizyt
pytanie zadane 7 czerwca 2016 w HTML i CSS przez Matiofficjal Początkujący (360 p.)
0 głosów
0 odpowiedzi 180 wizyt
pytanie zadane 16 maja 2016 w C i C++ przez Philip Bywalec (2,320 p.)

92,092 zapytań

140,751 odpowiedzi

317,718 komentarzy

61,409 pasjonatów

Advent of Code 2023

Top 15 użytkowników

  1. 0p. - adrian17
  2. 0p. - wizarddos
  3. 0p. - Dewidos
  4. 0p. - Marcin Jasiński
  5. 0p. - Mateusz Sobala
  6. 0p. - Mateusz
  7. 0p. - NOONE
  8. 0p. - Adam Śpiewak
  9. 0p. - WhiskeyTaster
  10. 0p. - Rafał Budzis
  11. 0p. - Krzysztof Zawadka
  12. 0p. - tokox
  13. 0p. - TheLukaszNs
  14. 0p. - mjavor
  15. 0p. - Jakub Stępień
Szczegóły i pełne wyniki

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 w koszyku, uzyskując rabat aż -50% (jeszcze tylko dziś 30.11 z okazji Black Week, a potem będzie to 30%) na bilety w wersji "Standard"! Więcej informacji na temat akademii znajdziecie tutaj. Dziękujemy Sekurakowi za tak fajną zniżkę dla 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 15% 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!

...