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

Dwa sąsiadujące ze sobą divy źle się układają mimo float:left itp.

Aruba Cloud - Virtual Private Server VPS
0 głosów
530 wizyt
pytanie zadane 27 stycznia 2018 w HTML i CSS przez Oskar4002 Początkujący (470 p.)

ogolnie chciałbym ułożyć divy nav i content po kolei od lewej ale mimo float:left układają się pod sobą ... próbowałem już zmieniać wielkości divów. Na screenie strony zmienilem kolory tych divow żeby były lepiej widoczne.

1
komentarz 27 stycznia 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)
Wstaw jak cywilizowany człowiek kod w bloczki code (ostatni przycisk), to Ci pomogę, a jak nie ja, to ktoś inny. Screenów kodu nie wstawiamy...

2 odpowiedzi

+1 głos
odpowiedź 27 stycznia 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)
wybrane 27 stycznia 2018 przez Oskar4002
 
Najlepsza

Masz dwa błędy, przez które w ogóle Ci nic (albo w sposób losowy) nie będzie działać:

<div id"nav">

brakuje: =

<div class="optionL">redstone<div>

Brakuje: / - a więc nie zamykasz diva, a tworzysz nowy.

 

Ponadto nie stylujemy po id (zawsze po klasach - class), te <br> ci nie są Ci potrzebne, no i ogólnie polecam jeszcze troszkę poczytać i popatrzeć jakieś tutoriale, bo się będziesz męczył niepotrzebnie.  :)

komentarz 27 stycznia 2018 przez Oskar4002 Początkujący (470 p.)
Dopiero zacząłem się uczyć z tutorialami na kanale "pasją informatyki" i dotąd wszystko było ok aż do class, w każdym razie bardzo dziękuję za pomoc :)
komentarz 27 stycznia 2018 przez Kamil Łydka Stary wyjadacz (13,600 p.)
Ok, powodzenia. :)
0 głosów
odpowiedź 27 stycznia 2018 przez Oskar4002 Początkujący (470 p.)
HTML:

<div id="topbar">
				<div id"nav">
					<br>
					<div class="optionL">informacje</div><br>
					<div class="optionL">katalog</div><br>
					<div class="optionL">redstone<div><br>
					<div class="optionL">survival</div><br>
					<div class="optionL">budowle</div><br>
					<div class="optionL">kanaly yt</div><br>
				</div>
			
				<div id="content">
					
					<Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst><Tekst>
				</div>
			</div>

 

 

CSS:

#topbar
{
	background-color: red;
	width: 940px;
	padding: 10px;
	
}
#nav
{
	background-color: #4c4c4c4;
	float: left;
	min-width: 50px;
	min-height: 30px;
	padding: 10px;
}

#content
{
	background-color: #005000;
	float:left;
	min-width: 500px;
	min-height: 200px;
	color: #000000;
	padding: 10px;
}

Podobne pytania

0 głosów
2 odpowiedzi 493 wizyt
pytanie zadane 12 lutego 2023 w HTML i CSS przez koderro Nowicjusz (120 p.)

93,335 zapytań

142,331 odpowiedzi

322,415 komentarzy

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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...