Kurs HTML odc 3, Kwardat Nr 5 (umnie 6)

pytanie zadane 27 września 2018 w Nasze poradniki przez Nikodem Lipinski Nowicjusz (200 p.)
edycja 27 września 2018 przez Nikodem Lipinski

<!DOCTYPE HTML>
<html lang="nl">
 <head>
    <meta charset="utf-8" />
	<meta http-equiv="X-UA0-Compatible" content="IE=edge,chrome=1" />
	
	<title>Besleg Van Leningard</title>
    
	<meta name="description" content="Hier zal je vinden alle informacjis over Beleg van Leningard en veel meer" />
	<meta name="keywords" content="geschiedenis, leningard, Beleg, oorlog" />
	
	<link rel="stylesheet" href="style.css" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato&amp;subset=latin-ext" rel="stylesheet">

</head>
<body>
   <div id="pojemnik">
    
	    <div class="top">
	            <div id="logo">Beleg Van Leningard</div>
                <div id="zegarek">12:00:00</div>
                <div style="clear:both;"></div>
	   
	   </div>
	   
	    <div claas="kwadrat">
	
	                    <div class="kafelek1">1</div>
	                    <div class="kafelek2">2</div>
						<div style="clear:both;"></div>
						
						<div class="kafelek3">3</div>
						<div class="kafelek4">4</div>
						<div style="clear:both;"></div>
						
						<div class="kafelek5">5</div>
        </div>
       
	   
	   <div claas="kwadrat">
	   
	                    <div class="kafelek6">6</div>
        
	   </div>
                       <div style="clear:both"></div>
		
       <div class="top">bottom</div>
   
   </div>
</body>
</html>

body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}

#pojemnik
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.top
{
	width: 960px;
	margin: 20px;
	
}
.kwadrat
{
	width: 50%;
	float: left;
}

#logo
{
	float: left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 50px;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#zegarek
{
	float: left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.kafelek1
{
	margin: 10px;
	width: 230px;
    height: 142px;
	float: left;
}
.kafelek1
{
background-color: #3095d3;
}

.kafelek2
{
	margin: 10px;
	width: 230px;
    height: 142px;
	float: left;
}
.kafelek2
{
	 background-color: #3095d3;
}
.kafelek3
{
	margin: 10px;
	width: 230px;
    height: 142px;
	float: left;
}
.kafelek3
{
	background-color: #666666;
}
.kafelek4
{
	margin: 10px;
	width: 230px;
    height: 142px;
	float: left;
}
.kafelek4
{
	background-color: #93c748;
}
.kafelek5
{
	margin: 10px;
	width: 480px;
    height: 142px;
	
}
.kafelek5
{
	background-color: #ee5a32;
}
.kafelek6
{
	margin: 10px;
	width: 480px;
    height: 304px;
	float: left;
}
.kafelek6
{
	background-color: #666666;
}

I chodzi o to że wszystkie divy są pod sobą a chciałbym żeby ten div nr 6 (w odciunky był nr 5) był obok innych a nie pod nimi.

Zdaje s sprawę że już były takie tematy ale siedzę już z 2h lub więcej głowiąc się i szukając odp i nie mogę nic znaleść, postępowałem krok po kroku z poradnikiem potem porównywałem mój zapis do zapisów innych którzy mieli problemy z tym, jedyne czym się różni moja wersja od tej z poradnika to tym że kafelek 1 i 2 są osobnymi nie "jednym" jak na filmiku. No i azwy divów i tyle. proszę o jakieś wskazówki.

1 odpowiedź

odpowiedź 27 września 2018 przez Grzegorz :> Dyskutant (8,050 p.)

Określ o co Ci dokładnie chodzi. Od razu rzuciła mi się w oczy ta linijka:

<meta name="keywords" content"geschiedenis, leningard, Beleg, oorlog" />

komentarz 27 września 2018 przez Nikodem Lipinski Nowicjusz (200 p.)

to są te słowa kluczowe tylko że są po holendersku bo ja w holandi mieszkam i robię stronę historyczną do szkoły i no słowa kluczowe po holendersku muszą być cnie :) a w divach to chyba nie przeszkadzało by ?