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

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

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
342 wizyt
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

0 głosów
odpowiedź 17 lipca 2020 przez Michałełe Nałogowiec (25,600 p.)

Jeśli dobrze rozumiem, to musisz w css dodać w body margin: 0, tak ma to wyglądać:

body{
    margin: 0;
}

 

0 głosów
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
0 głosów
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>

 

komentarz 17 lipca 2020 przez creend Gaduła (4,700 p.)
Strona się tak rozjeżdżała ponieważ div'y #nav #content #add #footer siedziały poza divem #container
komentarz 17 lipca 2020 przez TheCaysen Nowicjusz (120 p.)
to znaczy ze zawsze musi byc pierwszy container?
1
komentarz 17 lipca 2020 przez Patrycjerz Mędrzec (192,320 p.)

TheCaysen, zapoznaj się z FAQ przed napisaniem pytania na forum.

komentarz 17 lipca 2020 przez TheCaysen Nowicjusz (120 p.)
problem w tym ze strona wyglada teraz tak http://prntscr.com/tjsuoh
0 głosów
odpowiedź 18 lipca 2020 przez Igorek Mądrala (6,290 p.)

Css to moja ciemna strona ale u mnie działa,

związku z tym że ten kod jest długi masz link do codepen, i tam masz kod html, skopiuj go całego i wytestuj:

Link do tego codepen

 

Napisz czy sie podoba :) Jesli cos nie tak to postaram sie na prawic

Podobne pytania

0 głosów
1 odpowiedź 161 wizyt
+1 głos
1 odpowiedź 315 wizyt
pytanie zadane 25 czerwca 2021 w C i C++ przez nierozumiem Początkujący (250 p.)
0 głosów
1 odpowiedź 227 wizyt
pytanie zadane 29 września 2016 w HTML i CSS przez simon95 Nowicjusz (150 p.)

93,176 zapytań

142,185 odpowiedzi

321,980 komentarzy

62,506 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 1637p. - dia-Chann
  2. 1614p. - Łukasz Piwowar
  3. 1599p. - CC PL
  4. 1597p. - Łukasz Eckert
  5. 1537p. - Łukasz Siedlecki
  6. 1531p. - rucin93
  7. 1356p. - ssynowiec
  8. 1351p. - Tomasz Bielak
  9. 1328p. - Michal Drewniak
  10. 1288p. - rafalszastok
  11. 1273p. - Adrian Wieprzkowicz
  12. 1232p. - Mikbac
  13. 1169p. - Grzegorz Aleksander Klementowski
  14. 1155p. - Piotr Aleksandrowicz
  15. 1149p. - Michał Telesz
Szczegóły i pełne wyniki

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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...