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

question-closed Margin:10px; nie działa ! 3odc. kurs HTML :)

VPS Starter Arubacloud
0 głosów
120 wizyt
pytanie zadane 22 marca 2017 w HTML i CSS przez Alcomats Użytkownik (580 p.)
zamknięte 23 marca 2017 przez Arkadiusz Waluk

Witam , może to już zmęczenie ale nie wiem za cholere czemu pomarańczowa kafelka o numerze 4 przesuwa się ładnie z prawej i lewej strony o 10px stosując komende margin:10px; ale nie odsuwam sie o 10px od kafelek powyżej!! 

 

HTML 

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

<head>
<title>Jan Kowalski-Portfolio</title>
<meta charset="utf-8"/>
<meta name="description" content="Stworzę dla Ciebie wyjątkową stronę www! Zatrudnij programistę webowego: PHP,JavaScript,HTML,CSS,MySQL.WordPress,Joomla,Drupal."/>
<meta name="keywords" content="zamów,stronę,tworzenie,www,programista,portfoio,php,javascript,html,css,WordPress,Joomia,Drupal"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<link rel="stylesheet" type="text/css" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato" rel="stylesheet">

</head>

<body>

	<div id="container"/>
	
		<div class="regtangle">
			
			<div id="logo">Jan Kowalski</div>
			<div id="zegar">12:00:00</div>
			<div style="clear:both;"><div>
		
		</div>
		
		<div class="square">
			
			<div class="tile1">1</div>
			<div class="tile1">1</div>
			<div style="clear:both;"><div>
			
			<div class="tile2">2</div>
			<div class="tile3">3</div>
			<div style="clear:both;"><div>
			
			<div class="tile4">4</div>
		
		</div>
		
		
		
		<div class="square"></div>
		<div style="clear:both;"><div>
		
		<div class="regtangle"></div>
	
	
	
	</div>

</body>

</html>

 

CSS

 

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


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

.rectange
{
	width:960px;
	margin:20px;
	
}

.square
{
	float:left;
	width:50%;
	
}

#logo
{
	float:left;
	font-size:70px;
	font-family: 'Josefin Sans', sans-serif;
	width:600px;
}

#zegar
{
	float:left;
	font-size:70px;
	font-family: 'Josefin Sans', sans-serif;
}

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


.tile2
{
	float:left;
	width:230px;
	height:142px;
	background-color:#666666;
	margin:10px;
	
}

.tile3
{
	float:left;
	width:230px;
	height:142px;
	background-color:#93c748;
	margin:10px;
	
}

.tile4
{
	width:480px;
	height:142px;
	background-color:#ee523a;
	margin:10px;
	
}


I odrazu pytanie nr 2. czy lepiej wklejać tak kod na forum czy poprzez specjalna stronę do tego, już nie pamiętam nazwy :)

 

komentarz zamknięcia: Problem rozwiązany

1 odpowiedź

0 głosów
odpowiedź 22 marca 2017 przez Alcomats Użytkownik (580 p.)
Dobra znalazłem nie było tematu! Brakuje " / " przy divie zamykającym w clear:both ;    :)

Podobne pytania

0 głosów
1 odpowiedź 153 wizyt
pytanie zadane 6 października 2016 w HTML i CSS przez Hadamalush Obywatel (1,880 p.)
0 głosów
1 odpowiedź 158 wizyt
pytanie zadane 16 lipca 2015 w C i C++ przez niezalogowany
0 głosów
2 odpowiedzi 160 wizyt
pytanie zadane 7 września 2022 w HTML i CSS przez Podlasianin Początkujący (400 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...