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

Czemu tło nie jest na całą stronę ?

VPS Starter Arubacloud
0 głosów
952 wizyt
pytanie zadane 22 lipca 2016 w HTML i CSS przez niezalogowany

Czemu tło nie jest na całą stronę ? Jest białe obramowanie.

kod:

<!DOCTYPE HTML>
<html lang="pl-PL">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Oferta tworzenia stron WWw. Daj się zareklamować firmie !">
    <meta name="keywords" content="WWW, web, oferta, firma, reklama, seo, usługi">
    <title>MroczekWeb</title>
        <link rel="stylesheet" href="styles/style.css">
        <script src="scripts/script.js"></script>
</head>
     
<body>
    <div id="container">
    <header>
        <h1>Uczymy się CSS razem z The Awwwesomes</h1>
    </header>
    <article>
        <img src="images/img-css.PNG" alt="Obraz nie został załadowany"/>
    <p>Warsztaty ruszyły pełną parą! Grupa 20 zdolnych uczestników zabrała się do kodowania z godnym podziwu zapałem.</p>
    <p>Mentorzy mieli trudne zadanie, ponieważ padło bardzo dużo ciekawych pytań. Nasi uczestnicy są naprawdę <span>awwwesome!</span></p>
    <header>
        <h3>Najpierw semantyczny HTML, potem estetyczny CSS</h3>
        </header>
        <div id="tekst">Naukę zaczęliśmy od HTML, który jest absolutną podstawą dla każdego kodera stron internetowych. Nie obejdzie się jednak<br /> bez zapoznania z CSS, dzięki któremu każdy może upiększyć swoją stronę jak tylko sobie wymarzy!</div>
        
    </article>
    <form name="Kontakt">
    <p>Zostaw swój komentarz:</p>
        <label for="emailData">Twój email:</label>
        <input type="email" id="emailData">
         
        <label for="name">Twoje imię:</label>
        <input type="text" id="name">
        <br /><br />Twój komentarz:
        <textarea rows="3" cols="35"></textarea>
        <button>Prześlij</button>
    </form>
 </div>
</body>
</html>

 

3 odpowiedzi

+1 głos
odpowiedź 22 lipca 2016 przez Eimens Maniak (69,240 p.)
edycja 22 lipca 2016 przez Eimens
 
Najlepsza

styles/style.css

scripts/script.css

Proponuję zamienić folder styles na "css" i scripts na "js".

Do <header> powinieneś dodać jeszcze <h2> Jeżeli nie chcesz go na stronie mieć widocznego to dodaj mu class="hidden" natomiast dla hidden w css daj display: none; (chodzi tutaj o semantykę strony).

Natomiast strona powinna wyglądać tak:

<header> <-- Jest

<main> <-- Nie ma

<footer> <-- Nie ma

Trochę musisz popracować nad semantyką kodu. (link)

---

Natomiast jeżeli chodzi o margines, który ci przeszkadza to najprawdopodobniej jest to kwestia marginesu jaki strona ustawia automatycznie. Możesz to rzecz jasna zmienić ustawiając margines dla <body>.

body {
  margin: 0;
}

 Musisz pamiętać że jest coś takiego jak dziedziczenie marginesów. Możesz to zmienić chociażby ustawiając padding dla rodzica, albo dodając dla do niego overfolow: hidden; Powinno załatwić sprawę. 

komentarz 22 lipca 2016 przez niezalogowany
Super, dzięki za piękną pomoc. Mam pytanie, article dobrze umieściłem ?

Main dokładnie to główna treść, tak ?
komentarz 22 lipca 2016 przez Eimens Maniak (69,240 p.)
Można powiedzieć że tak, ja co prawda lekko zmienił bym jego budowę żeby <header> był od razu po <article>. Tak to jest okey :p
0 głosów
odpowiedź 22 lipca 2016 przez kubaapk Nałogowiec (44,270 p.)
body {
  margin: 0;
  padding: 0;
}

Jak to nie da efektu, to jeszcze dla znacznika h1 daj margin-top: 0;

0 głosów
odpowiedź 22 lipca 2016 przez radek024 Szeryf (77,180 p.)

Strzelam , że body{margin:0}

Byłoby bardzo fajnie, gdybyś podał także CSS - najlepiej na portalu takim jak codepen.io :)

Podobne pytania

0 głosów
1 odpowiedź 8,799 wizyt
pytanie zadane 8 października 2017 w HTML i CSS przez faq1238 Nowicjusz (120 p.)
0 głosów
1 odpowiedź 1,046 wizyt
0 głosów
1 odpowiedź 278 wizyt
pytanie zadane 26 października 2016 w JavaScript przez lukasso Nowicjusz (200 p.)

92,454 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!

...