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

0 głosów
211 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,230 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,580 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ź 131 wizyt
0 głosów
3 odpowiedzi 187 wizyt
pytanie zadane 31 lipca 2016 w HTML i CSS przez james30k Bywalec (2,280 p.)
0 głosów
3 odpowiedzi 165 wizyt
pytanie zadane 6 kwietnia 2016 w HTML i CSS przez SzczerbekGame Bywalec (2,780 p.)
Porady nie od parady
Odznacz odpowiedź zieloną fajką, jeśli uważasz, że jest ona najlepsza ze wszystkich i umożliwiła ci rozwiązanie problemu.Najlepsza odpowiedź

67,210 zapytań

114,168 odpowiedzi

241,977 komentarzy

45,879 pasjonatów

Przeglądających: 333
Pasjonatów: 7 Gości: 326

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...