[Lord_Sarlac]

Moi mili,
Otóż jestem html'owskim świeżakiem i jak to bywa na początku napotykam wiele przeszkód na mojej drodze.
Chciałem przesunąć mój obrazek (![]()) w prawo o 5%. Pozycję header oznaczyłem jako relative natomiast img jako absolute. Po przesunięciu obrazka w prawo automatycznie powiększa mi on okno przeglądarki. Co muszę zrobić aby przesunąć obrazek aby nie był poprostu widoczny (był poza oknem przeglądarki)?

#html #css #frontend #beginner

[Veni]

@Lord_Sarlac: Z całym szacunkiem, ale jak ktoś się reklamuje jako web developer, a nie wie w jaki sposób przesunąć zdjęcie na stronie, to jest coś bardzo nie tak.

[Lord_Sarlac]

@Veni Dżizzzz co za beton, to z kursu przykład...

[farmaceut]

@Lord_Sarlac: ustawiasz statyczny wymiar div pod ktorym jest obrazek, wtedy przesuniecie samego obrazka nie spowoduje rozszerzenia tego diva, a wiec rozszerzenia okna.

[Kajetan8]

Nie do konca rozumiem w jaki sposób obrazek powiększa okno przeglądarki. Zawartość strony nie ma wpływu na okno :)
Jeżeli chodzi o scrollbary, to użycie overflow:hidden może Ci pomóc.

[farmaceut]

@Lord_Sarlac: i wtedy bawisz sie opcja overflow (jesli mnie pamiec nie myli - dawno temu robilem w CSS). :V

[Lord_Sarlac]

@Kajetan8: Dziękuję Ci ślicznie! Działa!

[Lord_Sarlac]

@farmaceut: Dziękuję działa! :)

[Veni]

@Lord_Sarlac: Overflow w tym przypadku rozwiąże problem, ale tylko pozornie. Zdecydowanie nie należy pozbywać się zbędnej części zdjęcia poprzez przesunięcie go za widoczny obszar. W podanym przykładzie znacznie lepszym rozwiązaniem byłoby wcześniejsze przycięcie obrazu do właściwych rozmiarów.

[Lord_Sarlac]

@Veni: Dzięki!

[farmaceut]

@Lord_Sarlac: serio trafilem? xD

[Lord_Sarlac]

@farmaceut Tak, teraz jest git :D Nie wiem jakie są konsekwencje przesunięcia zdjęcia poza widoczny obszar. Może, tak jak kolega @Veni wspomniał wyżej, powinno się przyciąć obrazek do satysfakcjonującego rozmiaru. Proszę mnie poprawić jeśli się mylę.

[Veni]

@Lord_Sarlac: Konsekwencje są takie, że waga zdjęcia jest większa, co zupełnie nie jest potrzebne. Overflow sprawdza się w sytuacjach, gdy potrzebujemy ukryć coś w niewidocznym obszarze, co później jednak w jakiś sposób chcemy pokazać użytkownikowi. Łatwiej też zadbać o responsywność zdjęcia, gdy nie musimy się martwić, że coś musi być widoczne, a coś nie może.