Oddzielenie zdjęcia od <div> niżej

pytanie zadane 29 stycznia 2019 w HTML i CSS przez Eryk.D Nowicjusz (140 p.)
zmienione kategorie 29 stycznia 2019 przez Eryk.D

body
{
	background-color: #191717;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 20px;
	color: white !important;
}

/* Link do strony */
a:link
{
	color: grey;
}

/* Link do odwiedzonej strony */
a:visited
{
	color:grey;
}

/* Link po najechaniu kursorem */
a:hover
{
	color: gray
}

/*Wygląd strony/ułożenie strony*/
#container
{
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#topbar
{
	background-image:url(mikser.png);
	background-attachment:inherit;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 442px;
}

#logo
{
	padding-left: 170px;
}

#logo1
{	
	height: 60px;
	float: left;
}

.option
{
	float: left;
	min-width: 20px;
	height: 25px;
	padding: 15px;
	border: 0px solid;
	border-radius: 20px;
	color: white;
	margin: 10px;
}

.option:hover
{
	background-color: crimson;
	cursor: pointer;
}

.option:visited
{
	background-color: crimson;
}

#text1
{
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	margin-top: 100px;
}

#text2
{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

#onas
{
	background-color: white;
	min-height: 300px;
	text-align: center;
	color: black;
}

#textonas
{
	font-size: 30px;
	font-weight: bold;
}

.tekstonas2
{
	font-size: 15px;
}

#gallery
{
	background-color: #404040;
	min-height: 00px;
}

.image
{
	border: solid;
	float: left;
	margin-left: 50px;
}

#kontakt
{
	background-color: crimson;
}

#kontakt2
{
	font-size: 30px;
	font-weight: bold; 
	text-decoration: underline;
	margin-bottom: 40px;
	text-align: center
}

#kontakt3
{
	text-align: center;
	margin-bottom: 60px;
}

<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<title>Dokument bez tytułu</title>
<meta name="Description" content="ED&SD Sound Light. Profesionalne nagłośnienie i oświetlenie imprez okolicznościowych."/>
<meta name="Keywords" content="Eryk Dec, Szymon Gliwa, sp21, Nagłośnienie" /> 
<meta http-eqiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<link href="Untitled-1.css" rel="stylesheet" type="text/css">
</head>

<body>

<div id="container">

	<div id="topbar"><br>
	
		<div id="logo">
			<img id="logo1" src="C:\Users\erykd\Desktop\CSS\logo.png" />
		</div>
		
		<div id="menu">
			<div class="option">FaceBook</div>
			<div class="option">O nas</div>
			<div class="option">Galeria</div>
			<div class="option">Kontakt</div>
			<div style="clear:both;"></div>
		</div>
		
		<div id="text1">
			Profesjonalne nagłośnienie
		</div>
	
		<div id="text2">
			Najwyższy poziom wykonania
		</div>
		
	</div>
	
  <div id="onas"><br>
	<text id="textonas">O NAS</text><br>
		
			<div  style="text-align:left; margin-left: 70px; margin-right: 20px; float: left">
				<text class="tekstonas2">gfgegrgergrfrfrfrfrfrfrfrfrfrfrfrffrfrfrfrfrfrfrfgergergergegrgf<br>
				gfgegrgergrfrfrfrfrfrfrfrfrfrfrfrffrfrfrfrfrfrfrfgergergergegrgf<br>
				gfgegrgergrfrfrfrfrfrfrfrfrfrfrfrffrfrfrfrfrfrfrfgergergergegrgf<br>
				gfgegrgergrfrfrfrfrfrfrfrfrfrfrfrffrfrfrfrfrfrfrfgergergergegrgf
				</text>	
			</div>
			
			<div  style="text-align:right; margin-left: 20px; margin-right: 70px;">			
				<text class="tekstonas2">gfgegrgrfrfrfrffrrfrfrfrrfrfrfrfrfrfrfrfrffrfrfergrgergergergeg<br>
				gfgegrgrfrfrfrffrrfrfrfrrfrfrfrfrfrfrfrfrffrfrfergrgergergergeg<br>
				gfgegrgrfrfrfrffrrfrfrfrrfrfrfrfrfrfrfrfrffrfrfergrgergergergeg<br>
				gfgegrgrfrfrfrffrrfrfrfrrfrfrfrfrfrfrfrfrffrfrfergrgergergergeg
				</text>				
			</div>
			
	</div>

	<div id="gallery">
	
		<div style="text-align: center; font-size: 30px; font-weight: bold; text-decoration: underline;" ><br>	
			<text>Galeria</text>			
		</div><br>
		
		<div>		
			<img class="image" src="dj2ch.jpg" width="25%" alt="Zdjęcia z dyskoteki">
			<img class="image" src="kulki.jpg" width="25%" alt="zdjęcia z dyskoteki">		
		</div>
		
	</div>
	
	<div id="kontakt">	
	
		<div id="kontakt2"><br>
			<text>Kontakt</text><br>	
		</div>
		
		<div id="kontakt3">
		Kontakt możliwy przez Facebooka, emailem<br> bądź osobiście w Szkole podstawowej nr 21 w Rzeszowie. <br>
		Email: ErykDec1@o2.pl
		</div>
		
		<div style="font-size: 10px; text-align: right">
			Wszelkie prawa zastrzeżone &copy ED&SG 
		</div>
			
	</div>

</div>

</body>
</html>

Witam posiadam problem i nie potrafię go rozwiązać. potrzebuje rozdzielić <div> galeria z zdjęciami od <div> kontakt proszę o pomoc

1	komentarz 29 stycznia 2019 przez kenjiro244 Dyskutant (8,600 p.) My też nie potrafimy go rozwiązać.... 1. Zła kategoria powinno być programowanie/html+css 2. Dodaj kod. 3. Który to jest div galeria a który kontakt