Nie mogę pozbyć się białych pasków na brzegach strony

pytanie zadane 4 marca 2021 w HTML i CSS przez Code_ Użytkownik (520 p.)
zamknięte 4 marca 2021 przez Code_

Witajcie,

ktoś wie jak usunąć te białe paski, które znajdują się na brzegach strony? Z góry dziękuję za odpowiedź.

komentarz zamknięcia: Otrzymałem odpowiedź

komentarz 4 marca 2021 przez Michał Kazula Pasjonat (19,540 p.)

Wklej kod CSS jak masz

komentarz 4 marca 2021 przez Code_ Użytkownik (520 p.)

.image

{

   width:100%;

   height:100%;



   padding-top: 20px;

}

komentarz 4 marca 2021 przez Michał Kazula Pasjonat (19,540 p.)

To cały kod?

Kod klękamy w sekcje {core}

Po co Ci ten padding?

komentarz 4 marca 2021 przez Code_ Użytkownik (520 p.)

<head>
<title>Cos fajnego</title>
<meta charset="utf8" />
<meta name="description" content="" />
<style>
.obrazek{
  height: 100%;
  width: 100%;
}

</style>

</head>
<body>


   <div class="obrazek"  >
<img src="red-dead-redemption-2-tapeta-3840x2160-2618_54.jpg" height="300px" width="1000px" />
   </div>





</body>


</html>

komentarz 4 marca 2021 przez Michał Kazula Pasjonat (19,540 p.)

Jeżeli masz dobrze sformatowany plik to nie powinno być problemów.

Ewentualnie grafika ma pasek.

Lub dodaj na info Marcin i padding top na 0

2 odpowiedzi

odpowiedź 4 marca 2021 przez rafal.budzis Szeryf (85,700 p.)
wybrane 4 marca 2021 przez Code_

Najlepsza

Znacznik body standardowo ma margines ;)

Spróbuj dopisać w CSS margines na 0 dla znacznika body ;)

Warto też stosować reset CSS aby pozbyć się problemów z domyślnymi stylami przeglądarek ;)

komentarz 4 marca 2021 przez Code_ Użytkownik (520 p.)

<html>
<head>
<title>Simple title</title>
<meta charset="utf8" />

<style>
.obrazek{
  height: 100%;
  width: 100%;
  padding-top: 0px;
  
}
body
{
   margin: 0px, 0px, 0px, 0px;
   
}

</style>

</head>
<body>


   <div >
<img class="obrazek" src="20200705_105352_Easy-Resize.com.jpg"  />
   </div>





</body>


</html>