• 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;

Object Storage Arubacloud
0 głosów
619 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ź 539 wizyt
0 głosów
3 odpowiedzi 365 wizyt
pytanie zadane 31 lipca 2016 w HTML i CSS przez james30k Bywalec (2,260 p.)
0 głosów
3 odpowiedzi 308 wizyt
pytanie zadane 6 kwietnia 2016 w HTML i CSS przez Stami Gaduła (3,790 p.)

92,551 zapytań

141,399 odpowiedzi

319,529 komentarzy

61,937 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

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy 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!

...