Problem, display: inline-block, brak div'ów

pytanie zadane 12 lipca 2017 w HTML i CSS przez oJkMz0Q6 Początkujący (370 p.)

Proszę o wyjaśnienie, dlaczego nie widzę div'ów na stronie. Czy są jakieś skuteczne sposoby sprawdzania błędów w kodzie? Zaznaczam, że jestem początkujący.

Oto kod HTML:

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

<head>

<meta charset="utf-8">
<link rel="stylesheet" href="css/main.css">

</head>
	<div class="zero">
		<div class="one"></div>
		<div class="two"></div>
		<div class="three"></div>
		<div class="five">
			<div class="six"></div>
			<div class="seven"></div>
			<div class="eight"></div>
		</div>
		<div class="nine"></div>
		<div class="ten"></div>
		<div class="eleven"></div>
		<div class="twelve"></div>
		<div class="thirteen"></div>
		<div class="fourteen"></div>
	</div>

</html>

Oto kod CSS:

body
{
	background-image: url(../img/tweed.png);
	/* Background pattern from Subtle Patterns */
	margin: 0;
}

.class zero
{
	background-color: white;
	width: 900px;
	height: 960px;
	margin: auto
}

.class one
{
	background-color: blue;
	width: 900px;
	height: 160px;
	display: inline-block;
}

.class two
{
	background-color: LawnGreen;
	width: 600px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class three
{
	background-color: LightSkyBlue;
	width: 300px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class five
{
	background-color: LightGreen;
	width: 600px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class six
{
	background-color: LightCoral;
	width: 300px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class seven
{
	background-color: MediumBlue;
	width: 300px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class eight
{
	background-color: MidnightBlue;
	width: 600px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class nine
{
	background-color: MediumSeaGreen;
	width: 300px;
	height: 320px;
	display: inline-block;
	margin-right: -4px;
}

.class ten
{
	background-color: MediumSpringGreen;
	width: 300px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class eleven
{
	background-color: MediumAquaMarine;
	width: 300px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class twelve
{
	background-color: purple;
	width: 300px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class thirteen
{
	background-color: SandyBrown;
	width: 450px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

.class fourteen
{
	background-color: silver;
	width: 450px;
	height: 160px;
	display: inline-block;
	margin-right: -4px;
}

1 odpowiedź

odpowiedź 12 lipca 2017 przez zgrybus Pasjonat (24,860 p.)
wybrane 18 lipca 2017 przez oJkMz0Q6

Najlepsza

No pewnie dlatego, ze nie wiadomo czemu w cssie piszesz jakieś dziwne .class i potem nazwa klasy (????).

Jeśli używasz <div class="dupa"></div> to w cssie odwołujesz się .dupa { display: inline-block; }