Background-color w css

pytanie zadane 5 marca 2018 w HTML i CSS przez mar686 Początkujący (350 p.)

body 
{
	background-color: #363636;
}
#container{
width=1000px;
margin-left: auto;
margin-right: auto;}

#logo
{
	margin-top: 15px;
	font-size:48px;
	color: white;
}

#menu
{
	background-color: black;
	margin-top: 15px;
	color: white;
	height:50 px;
}

.menu1
{
	margin-left: 15px;
	float: left;
	padding: 20px;
		
}

<!DOCTYPE HTML>
<html lang="pl">

<head>
	<meta charset="utf-8"/>
	<title> Poznaj Linuksa :) </title>
	<meta name="description" content=""/>
	<meta name="keywords" content="film, kino, najlepszy film"/>
	<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge, chrome=1"/>
	<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="container">
<div id="logo">Poznaj Linuksa :)</div>
<div id="menu">
<div class="menu1">Strona głowna</div>
<div class="menu1">Dystrybucje</div>
<div class="menu1">Instalacja</div>
<div class="menu1">Polecenia</div>
<div class="menu1">Linus Torvalds</div>
<div class="menu1">O projekcie</div>
</div>
<div style= "clear: both;"></div>
<div id="topbar">
<div id="topbarL"><img src="linuks.png" /></div>
<div id="topbarR"><h1>O projekcie słów kilka</h1> 
	Kiedy mówisz: "Napisałem program, który wywalił Windows , ludzie gapią się na Ciebie głupkowato i mówią: Hej, ja dostałem to wraz z systemem, za darmo"- Linus Torwalds, twórca Linuksa :) Zapraszamy do zapoznania się z witryną, dzięki której dowiesz się co to jest linux, i wybierzesz dystrybucję dla siebie.</div>
</div>
<div id="sidebar">
<div class="sidebar1">Strona głowna</div></br>
<div class="sidebar1">Dystrybucje</div></br>
<div class="sidebar1">Instalacja</div></br>
<div class="sidebar1">Polecenia</div></br>
<div class="sidebar1">Linus Torvalds</div></br>
<div class="sidebar1">O projekcie</div>
</div>
<div id="content">Linux (/ˈlɪnəks/ i) – rodzina uniksopodobnych systemów operacyjnych opartych na jądrze Linux. Linux jest jednym z przykładów wolnego i otwartego oprogramowania (FLOSS): jego kod źródłowy może być dowolnie wykorzystywany, modyfikowany i rozpowszechniany[3]. 
</br></br>
Od kwietnia 2017 roku Android (a tym samym Linux) oficjalnie jest najpopularniejszym systemem operacyjnym na świecie[4][5].
</div>
<div id="footer">Linux jest jednym z najlepszych systemów. Wszelkie prawa zastrzeżone.</div>
</div>
</body>

Witam jestem na drugim odcinku CSS i nie mogę dojść dlaczego wpisująć w CSS w divie menu background-color na czarny tło tego diva się nie zmienia jakie jest wytłumaczenie? Pozatym gdy nie zrobię jeszcze klasy menu1 w CSS to tło wyświetla się na czarno nie wiem jaka jest zależńość.

1 odpowiedź

odpowiedź 5 marca 2018 przez OdsetekGlupoty Pasjonat (15,360 p.)
wybrane 5 marca 2018 przez mar686

Najlepsza

Witam,

To dlatego, że najwidoczniej pomieszały Ci się spacje w zdefiniowaniu wysokości diva "menu"

height:50 px;

a powinno być

height: 50px;

komentarz 5 marca 2018 przez mar686 Początkujący (350 p.)

Dzięki bardzo! :)

komentarz 5 marca 2018 przez Chess Szeryf (76,710 p.)

Jeśli można zapytać, to co oznacza ten zapis:

#container{
width=1000px;
margin-left: auto;
margin-right: auto;}

Chodzi konkretnie o: width=1000px;

komentarz 5 marca 2018 przez dudijr Początkujący (280 p.)

Oznacza to, że twój <div> o indentyfikatorze container ma szerokość 1000 pikseli.

komentarz 5 marca 2018 przez OdsetekGlupoty Pasjonat (15,360 p.)

Width to z angielskiego szerokość więc jak łatwo się domyślić określasz szerokość diva. Jednak nie ma takiego zapisu jak width=. Myślę, że chodziło tu o dwukropek zamiast znaku równości, żeby strona była ładnie wyśrodkowana. Używanie = przy określaniu wartości width nic nie daje i nie zmienia, jest to po prostu błąd (CSS nie raportuje błędów).

Możesz użyć dwóch zapisów: