Błąd w pisaniu strony. Proszę o pomoc

pytanie zadane 17 lipca 2020 w HTML i CSS przez TheCaysen Nowicjusz (120 p.)
zmienione kategorie 17 lipca 2020 przez Arkadiusz Waluk

Witam, po kursie na youtube po 2 poradniku moja strona wyglada tak: http://prntscr.com/tjsd60

jest posunięta w lewo, nie umiem znaleśc w którym momencie sie pomyliłem, proszę o pomoc.

Aha i jeszcze link do strony http://thecaysen.5v.pl

4 odpowiedzi

odpowiedź 17 lipca 2020 przez Michałełe Nałogowiec (25,600 p.)

odpowiedź 17 lipca 2020 przez Igorek Mądrala (6,290 p.)

ale konkretnie, co jest posunięte na lewo :D ?

komentarz 17 lipca 2020 przez TheCaysen Nowicjusz (120 p.)

cała strona oprócz stopki i nagłówka

odpowiedź 17 lipca 2020 przez creend Gaduła (4,700 p.)

Wstaw do div id="container" divy #nav #content i #ad, bo to go centrujesz w swoich stylach

komentarz 17 lipca 2020 przez TheCaysen Nowicjusz (120 p.)

jak mogę podać kod?

komentarz 17 lipca 2020 przez creend Gaduła (4,700 p.)

chcesz abym podał ci poprawny kod bo nie rozumiem do końca o co ci chodzi?

komentarz 17 lipca 2020 przez TheCaysen Nowicjusz (120 p.)

Ja Panu podam kod a Pan mi mi go z edytuje tylko proszę powiedziec jak go mam wysłać

komentarz 17 lipca 2020 przez TheCaysen Nowicjusz (120 p.)
edycja 17 lipca 2020 przez Patrycjerz

<!DOCTYPE HTML>
<html lang="pl">
<head>
    <meta charset="utf-8" />
    <title>Anime lista</title>
    <meta name="description" content="Najlepsze sieci cierwerów minecraft!" />
    <meta name="keywords" content="minecraft, forum, serwer, najlepszy, beraft" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <link rel="stylesheet" href="style.css" type="text/css" />
    <style>
        #container
        {
           width: 1000px;
           margin-left: auto;
           margin-right: auto;  
        }
        #logo
        {
            background-color: black;
            text-align: center;
            padding: 15px;
        }
        
        #nav
        {
            float:left;
            background-color: lightgrey;
            width: 120px;
            min-height: 620px;
            padding: 10px;
        }
        #content
        {
            float:left;
            padding: 20px;
            width: 620px;
        }
        #ad
        {   
            float:left;
            width: 160px;
            min-height: 620px;
            padding: 10px;
            background-color: lightgray;
        }
        
        #footer
        {    
            clear: both;
            background-color: black;
            color: white;
            text-align: center;
            padding: 20px;
        }
        
        
    </style>
</head>
<body>
    <div id="container">
        <div id="logo">
        <h1>Najlepsze filmy anime</h1>
            
            
        </div>
    </div>
    <div id="nav">
    Sword art online (sao)</br>
    Death Note</br>
    Attack on Titan -Shingeki no Kyojin</br>
    </div>
    <div id="content" >
        <h2>Sword Art Online</h2>
        
        japońska seria powieści ilustrowanych autorstwa Rekiego Kawahary z ilustracjami abec. Na podstawie powieści powstały manga, anime i gra komputerowa. Seria light novel jest wydawana przez ASCII Media Works, a pierwszy tom ukazał się 10 kwietnia 2009 roku. Anime, które powstało na podstawie powieści, zostało wyprodukowane przez studio A-1 Pictures i było emitowane m.in. przez telewizje Tokyo MX i MBS. Pierwsza seria była nadawana pomiędzy 7 lipca a 22 grudnia 2012, natomiast druga – pomiędzy 5 lipca a 20 grudnia 2014. 18 lutego 2017 roku miała miejsce premiera filmu pełnometrażowego Sword Art Online: Ordinal Scale. Trzecia seria jest nadawana od 7 października 2018. Serię Live action wyprodukuje Netflix. Na podstawie powieści ilustrowanej powstało także wiele gier komputerowych oraz serii mang.
        </br></br>
        Seria główna oraz "Progressive" wydawana jest w Polsce przez wydawnictwo Kotori. W kwietniu 2019 roku został także wydany w Polsce oficjalny Artbook serii.
        Pierwsze dwie serie anime dostępne są z polskim opracowaniem w serwisie Netflix.
    </div>
    <div id="ad" >
    <img src="http://thecaysen.5v.pl/thecaysen/images/reklama.png" />
    </div>
    <div id="footer" >
        TheCaysen strona &copy; - Wszelkie prawa zastrzeżone
    </div>
</body>

</html>

komentarz 17 lipca 2020 przez creend Gaduła (4,700 p.)

Kod jest obecny na stronie więc go widzę, zaraz podeślę

komentarz 17 lipca 2020 przez creend Gaduła (4,700 p.)

<!DOCTYPE HTML>
<html lang="pl">

<head>
  <meta charset="utf-8" />
  <title>Anime lista</title>
  <meta name="description" content="Najlepsze sieci cierwerów minecraft!" />
  <meta name="keywords" content="minecraft, forum, serwer, najlepszy, beraft" />
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
  <link rel="stylesheet" href="style.css" type="text/css" />
  <style>
    #container {
      width: 1000px;
      margin-left: auto;
      margin-right: auto;
    }

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

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

    #content {
      float: left;
      padding: 20px;
      width: 620px;
    }

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

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

<body>
  <div id="container">
    <div id="logo">
      <h1>Najlepsze filmy anime</h1>
    </div>
    <div id="nav">
      Sword art online (sao)</br>
      Death Note</br>
      Attack on Titan -Shingeki no Kyojin</br>
    </div>
    <div id="content">
      <h2>Sword Art Online</h2>

      japońska seria powieści ilustrowanych autorstwa Rekiego Kawahary z ilustracjami abec. Na podstawie powieści
      powstały
      manga, anime i gra komputerowa. Seria light novel jest wydawana przez ASCII Media Works, a pierwszy tom ukazał się
      10 kwietnia 2009 roku. Anime, które powstało na podstawie powieści, zostało wyprodukowane przez studio A-1
      Pictures
      i było emitowane m.in. przez telewizje Tokyo MX i MBS. Pierwsza seria była nadawana pomiędzy 7 lipca a 22 grudnia
      2012, natomiast druga – pomiędzy 5 lipca a 20 grudnia 2014. 18 lutego 2017 roku miała miejsce premiera filmu
      pełnometrażowego Sword Art Online: Ordinal Scale. Trzecia seria jest nadawana od 7 października 2018. Serię Live
      action wyprodukuje Netflix. Na podstawie powieści ilustrowanej powstało także wiele gier komputerowych oraz serii
      mang.
      </br></br>
      Seria główna oraz "Progressive" wydawana jest w Polsce przez wydawnictwo Kotori. W kwietniu 2019 roku został także
      wydany w Pol sce oficjalny Artbook serii.
      Pierwsze dwie serie anime dostępne są z polskim opracowaniem w serwisie Netflix.
    </div>
    <div id="ad">
      <img src="http://thecaysen.5v.pl/thecaysen/images/reklama.png" />
    </div>
    <div id="footer">
      TheCaysen strona &copy; - Wszelkie prawa zastrzeżone
    </div>
  </div>
</body>

</html>