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

HTML Strona internetowa

VPS Starter Arubacloud
0 głosów
242 wizyt
pytanie zadane 8 września 2019 w HTML i CSS przez Jakub Chomicz 1 Użytkownik (840 p.)
zmienione kategorie 8 września 2019 przez Patrycjerz
<!DOCTYPE HTML>

<html lang "eng">
<head>

	<meta charset = "utf-8" />
	<meta http-equiv = "X-UA-Compatible" content = "IE = edge,chrome = 1"/>
	
	<title>Playing Crocodile - Games are what we all love </title>
	
	<meta name = "description" content "Games are what we all love"/>
	<meta name = "keywords" content "games,gry,Playing Crocodile"/> 
	
	<link rel = "stylesheet" href = "style.css" type = "text/css"/>
	
	<link href="https://fonts.googleapis.com/css?family=Josefin+Slab|Lato&display=swap" 
	rel="stylesheet" type = "text/css">

</head>

<body>

	<div id = "conteinter">
	
		<div class = "rectangle">
			<div id = "serachlogo"><div>
			<div id = "serach">Serach<div>
			<div id = "clock">00:00:00<div>
			<div style = "clear: both;"></div>
		</div>
		
		<div class = "square"></div>
		<div class = "square"></div>
		<div style = "clear: both;"></div>
		
		<div class = "rectangle"></div>
		
	</div>
	
</body>
</html>
body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20 px;
}

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

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

.square
{
	width:50%;
	float:left;
}
#serachlogo
{
	width: 60px;
	height: 60px;
	background-color: #3095d3;
	float: left;
}
#serach
{
	float: left;
	font-family: 'Josefin Slab', serif;
	font-size: 40px;
	width: 530px;
}

#clock
{
	float: left;
	font-family: 'Josefin Slab', serif;
	font-size: 40px; 
}

Witam mam problem otóż uczę się dopiero html z poradników pana Mirosława i nie działa mi funkcja float: left; zamiast kłaść kafelki obok siebie to sam juz nwm co się z nimi dzieje... Proszę o pomoc.

2 odpowiedzi

0 głosów
odpowiedź 11 września 2019 przez LUKUX Początkujący (440 p.)
wybrane 14 września 2019 przez Jakub Chomicz 1
 
Najlepsza
Siemanko. Pisz uważniej kod, bo w htmlu masz niepozamykane divy co prawdopodobnie jest Twoim problemem na brak reakcji po wpisaniu "float: left;". Pozdrawiam.
komentarz 14 września 2019 przez Jakub Chomicz 1 Użytkownik (840 p.)
dzięki już naprawiłem ten problem :D
0 głosów
odpowiedź 8 września 2019 przez adam_jankowski Mądrala (5,970 p.)
Zbiorczy div ma w kodzie HTML ma klasę "conteinter" a w kodzie CSS "conteiner"
komentarz 8 września 2019 przez Jakub Chomicz 1 Użytkownik (840 p.)
naprawiłem i nadal nic :(

Podobne pytania

–1 głos
1 odpowiedź 207 wizyt
pytanie zadane 1 maja 2021 w HTML i CSS przez grewwwew Użytkownik (830 p.)
0 głosów
0 odpowiedzi 119 wizyt
+1 głos
2 odpowiedzi 361 wizyt
pytanie zadane 19 listopada 2021 w Sieci komputerowe, internet przez xPUSTYx Użytkownik (740 p.)

92,453 zapytań

141,262 odpowiedzi

319,088 komentarzy

61,854 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!

...