Kurs HTML (#3) - Portfolio

pytanie zadane 24 kwietnia 2017 w Nasze projekty przez krojczy Nowicjusz (130 p.)

Witam, przepisałem z filmu kod html i css, ale przeglądarka nic nie widzi oprócz czystego tekstu. Proszę o pomoc i z góry dziękuje.

<!DOCTYPE html>
<html lang="pl">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatibile" content="IE=edge,chrome=1"/>
	<title>Marek Szczepanik - Portfolio</title>

	<meta name="description" content="..."/>
	<meta name="keywords" content="portfolio, programista, tworzenie, strona, www, php, javascript, html, css/>

<link rel="stylesheet" href="style.css" type="text/css"/>
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato" rel="stylesheet">
<body>
	<div id="container">
		<div class="rectangle">
			<div id="logo">imie nazwisko</div>
			<div id="zegar">12:00:00</div>
			<div style"clear: both;"></div>
		</div>
		
		<div class="square">
			<div class="title1">1</div>
			<div class="title1">1</div>
			<div style"clear: both;"></div>
			<div class="title2">2</div>
			<div class="title3">3</div>
			<div style"clear: both;"></div>
			<div class="title4">4</div>
			</div>
			
		<div class="square">
			<div class="title5">5</div>
			<div class="yt">yt</div>
			<div class="fb">fb</div>
			<div class="gplus">gplus</div>
			<div class="tw">tw</div>
			</div>
			<div style"clear: both;"></div>
		
		
		<div style"clear: both;"></div>
		
		<div class="rectangle">2017 &copy; - Portfolio. Programista webowy zaprasza do współpracy!</div>
		
		</div>
</body>

body
{
	background-color:  #303030;
	color: #ffffff;
}

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

.rectangle
{
	width:  960px;
	margin: 20px;
	text-align: center;
}

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

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

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

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

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

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

.tile5
{
	margin: 10px;
	width: 480px;
	height: 304px;
	background-color: #666666;
}

.yt
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d94348;
	float: left;
}

.fb
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #4668b3;
	float: left;
}

.gplus
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d95333;
	float: left;
}

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

.tw
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d94348;
	float: left;
}

2 odpowiedzi

odpowiedź 24 kwietnia 2017 przez imklau Nałogowiec (42,090 p.)

jeśli przeglądarka nie widzi zupełnie nic z pliku CSS to powinno Cię nakierować na sprawdzenie tego, jak podpiąłeś style ;)
ja widzę błąd i myślę, że jak Ty przejrzysz znaczniki w <head> to też zobaczysz ;)

Pokaż 20 poprzednich komentarzy

komentarz 14 grudnia 2017 przez krojczy Nowicjusz (130 p.)
edycja 14 grudnia 2017 przez krojczy

droga Noemi, szlo dobrze, ale w lato przygrzalo slonce z za okna i ogarnal mnie letarg, chodz udalo mi sie uzyskac kolory i prostokaty, ale poukladac ich w odpowiedniej kolejnosci ni cholery. jak zyc bez portfolio?

komentarz 14 grudnia 2017 przez imklau Nałogowiec (42,090 p.)

ale, że od kwietnia jeszcze tego nie skończyłeś?

komentarz 14 grudnia 2017 przez krojczy Nowicjusz (130 p.)

niezle odpowiedzialem, edytujac swojego posta, makabra.

komentarz 17 grudnia 2017 przez krojczy Nowicjusz (130 p.)

czy ktos moze ma przepisany i dzialajacy html, css z tego wideo?

komentarz 17 grudnia 2017 przez imklau Nałogowiec (42,090 p.)

kurde no przecież nie aż tak trudno jest przepisać dobrze kod z filmiku :P

odpowiedź 1 maja 2017 przez pan.dynia Użytkownik (680 p.)

Widzę twój błąd.

Przejdź przez sekcję head, a wszystko się wyjaśni.

P.S. Nie chodzi o podpięcie CSS-a

komentarz 13 grudnia 2017 przez krojczy Nowicjusz (130 p.)
edycja 14 grudnia 2017 przez krojczy

<head>

<meta charset="utf-8"/>

<meta http-equiv="X-UA-Compatibile" content="IE=edge,chrome=1"/>

<title>Marek Szczepanik - Portfolio</title>

<meta name="description" content="..."/>

<meta name="keywords" content="portfolio, programista, tworzenie, strona, www, php, javascript, html, css"/>

<link rel="stylesheet" href="style.css" type="text/css">

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans%7CLato" rel="stylesheet">
</head>

pozamykalem kilka znacznikow i nic z tego :(