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

Czemu nie działa float:left;

VPS Starter Arubacloud
0 głosów
603 wizyt
pytanie zadane 29 grudnia 2015 w HTML i CSS przez Michał Stępniak Nowicjusz (150 p.)

Na dole zamieszczam zdjęcie, o co chodzi. Z tego co widzę jest dokładnie tak samo jak na kursie html w 2 odcinku. Ale jakoś pani nie chce uciec na prawą stronę. Z góry dzięki za pomoc :)

<!DOCTYPE HTML>
<html>


<head>
        <meta charset="utf-8"/>
        <meta name="description" content="Top 5 gier" />
        <meta name="keywords" content="gry, top 5" />
        <meta http-equiv="X-UA-Compatibile" content="IE=edge,chrome=1" />
<style>
#container
{
width:1000px;
margin-left:auto;
margin-right:auto;
}

#logo
{
background-color:black;
color:white;
text-align:center;
padding:15px;
}

#nav
{
background-color:lightgrey;
float: left;
width:120px;
min-height:620px;
padding:20px;
}

#content
{
float: felt;
width:640px;
padding:20px;
}

#ad
{
float: left;
width:160px;
padding:10px;
min-height:620px;
background-color:lightgrey;
}

#footer
{
background-color:black;
color:white;
clear: both;
padding:20px;
text-align:center;
}
</style>
</head>

<body>

<div id="logo">
<h1><center>Top 5 Gier!</center></h1>
</div>

<div id="nav">
1.World Of Warcraft</br>
2.Wiedźmin 3: Dziki Gon</br>
3.Hearthsone: Heroes of Warcraft</br>
4.League Of Legends</br>
5.The Walking Dead</br>
</div>

<div id="content">
<h2>World Of Warcraft</h2>
World of Warcraft (WoW) – gra komputerowa z gatunku MMORPG wyprodukowana przez amerykańską firmę Blizzard Entertainment. Jej akcja toczy się cztery lata po wydarzeniach przedstawionych w grze Warcraft III: The Frozen Throne, w świecie stworzonym w 1994 roku na potrzeby Warcraft: Orcs & Humans. World of Warcraft jest czwartą (nie licząc dodatków) grą w uniwersum Warcrafta.</br></br>
Wydarzenia World of Warcraft dzieją się kilka lat po wydarzeniach z Warcraft III: The Frozen Throne. Po przejściu Legionu i Plagi, świat jest zrujnowany. Część Plagi zbuntowała się i założyła własne miasto – The Undercity. Tytułują się mianem Opuszczonych (ang. Forsaken), a ich liderką jest była dowódczyni wojsk obronnych Silvermoon City – Sylvanas Windrunner. Gnomy ewakuowały ze swojej stolicy – Gnomeregan z powodu skażenia toksycznym gazem produkcji doradcy króla – Mekgineera Thermaplugga i zamieszkały z Krasnoludami w Ironforge. Zaś ludzie pod dowództwem Króla Varian Wrynn'a za swą stolicę uznali Stormwind City w samym sercu Elwynn Forest.
</div>

<div id="ad">
<img src="http://www.lucilleroberts.com/blog/wp-content/uploads/2013/05/Join-for-1-160x600px.jpg">
</div>

<div id="footer">
Top 5 Gier! &copy; Wszystkie prawa zastrzeżone
</div>

</body>


</html>

4 odpowiedzi

+2 głosów
odpowiedź 29 grudnia 2015 przez Strategiusz Dyskutant (9,220 p.)
wybrane 29 grudnia 2015 przez Michał Stępniak
 
Najlepsza
Nie działa, bo jest literówka w:

#content
{
float: felt;

Poza tym używasz wycofanego tagu <center> i nie użyłeś w ogóle #container.
komentarz 29 grudnia 2015 przez Eimens Maniak (69,240 p.)

Polecam zapoznać się z "zbadaj element" bardzo pomocna funkcja w przeglądarce, można na żywo zerknąć jaki jest błąd na stronie i co najważniejsze wyłapuje literówki :) 

0 głosów
odpowiedź 29 grudnia 2015 przez niezalogowany
0 głosów
odpowiedź 29 grudnia 2015 przez Mariusz O Mądrala (5,290 p.)

Nie chce uciec na prawą, bo left to lewa, zaś prawa to right.

komentarz 29 grudnia 2015 przez Michał Stępniak Nowicjusz (150 p.)
no ale powinna być przyklejona z lewej strony contentu a nie uciekać na dół
0 głosów
odpowiedź 29 grudnia 2015 przez Radekoslaw123 Gaduła (3,080 p.)
Już jest naj, więc tylko chciałbym napisać że lepiej klikać code i dawać kod bo wtedy literówki szybciej znaleźć i ogólnie lepiej to wygląda.

Podobne pytania

0 głosów
1 odpowiedź 524 wizyt
0 głosów
3 odpowiedzi 364 wizyt
pytanie zadane 31 lipca 2016 w HTML i CSS przez james30k Bywalec (2,260 p.)
0 głosów
3 odpowiedzi 290 wizyt
pytanie zadane 6 kwietnia 2016 w HTML i CSS przez Stami Gaduła (3,790 p.)

92,455 zapytań

141,263 odpowiedzi

319,099 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!

...