pasek u góry strony

pytanie zadane 22 stycznia 2021 w HTML i CSS przez milosz.marcin Nowicjusz (240 p.)

Witam, próbowałem umieścić na stronie niebieski pasek z logiem na samej górze strony lecz zostaje mały biały pasek i nie wiem jak go usunąć.Kod był taki (html):

<header style="background-color: deepskyblue;"> <a href="index.html"> <img src="zdj/MIL_KOMP.png"> <a href="index_logowanie.html">Logowanie</a></header>

Wyżej na obrazku widać problem. Prosiłbym o rozwiązaniu w HTML (Jeśli jest to możliwe).

2 odpowiedzi

odpowiedź 22 stycznia 2021 przez niezalogowany
wybrane 22 stycznia 2021 przez milosz.marcin

Najlepsza

Dodaj reset do CSS'a

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

komentarz 22 stycznia 2021 przez milosz.marcin Nowicjusz (240 p.)

Nie działa

komentarz 22 stycznia 2021 przez niezalogowany

Z tego co widzę w CodePen masz nierozdzielone style od html ...Stosujesz inline style!

Oddziel style od html i dodaj kod który podałem na samym początku pliku CSS'a

Jeśli chodzi o ten maleńki biały pasek nad niebieską belką to Reset powinien tutaj pomóc !!!!

komentarz 22 stycznia 2021 przez milosz.marcin Nowicjusz (240 p.)

Przepraszam, ale nie rozumiem nie znam się za bardzo na html (tylko podstawy) i przez to ta trudność.

1	komentarz 22 stycznia 2021 przez niezalogowany Spokojnie Dasz Sobie radę ! Powoli bez nerwów ... Poczytaj o HTML i CSS szeroko i głęboko A potem zastosuj naszą receptę .. Będzie Dobrze!

komentarz 22 stycznia 2021 przez milosz.marcin Nowicjusz (240 p.)

Dziękuje powolutku do celu

odpowiedź 22 stycznia 2021 przez VBService Ekspert (253,420 p.)
edycja 22 stycznia 2021 przez VBService

CSS * Selector

Rozwiązanie podane przez @niezalogowany - działa. Ponadto masz niedomknięty tag <a>

<header style="background-color: deepskyblue;">
<a href="index.html">
<img src="zdj/MIL_KOMP.png">
<a href="index_logowanie.html">Logowanie</a>
</a>
</header>

Domyślam się, że o taki efekt Tobie chodzi

<header style="background-color: deepskyblue;">
  <a href="index.html">
    <img src="zdj/MIL_KOMP.png">
  </a>
  <a href="index_logowanie.html">Logowanie</a>
</header>

Biorąc pod uwagę podane przez @niezalogowany propozycje zmian w kodzie i

można to zapisać np. tak

<!DOCTYPE html>
<html lang="pl">
    <head>
        <meta charset="utf-8">

        ...

        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }
            .header {
                background-color: deepskyblue;
            }
        </style>
    </head>
    <body>
        <header class="header">
          <a href="index.html"><img src="zdj/MIL_KOMP.png"></a>
          <a href="index_logowanie.html">Logowanie</a>
        </header>

        ...

    </body>
</html>