x-kom hosting

Tło [HTML i CSS]

komu115
utworzono
utworzono (edytowane)

Witam!

 

Piszę do Was, ponieważ mam problem z moją stroną internetową. Ostatnio robiąc do niej menu uznałem, że zmienię cały wygląd strony. Problem polega na tym, że jak wcześniej miałem jednolite beżowe tło, tak teraz ma to być zdjęcie lasu. Mam pytanie jak zrobić nie powtarzające się tło. Tylko nie kopiujcie tego z innych stron gdzie jest: selektor {body coś tam}, bo nigdy nie doszedłem do tego, czy mam to pisać w HTML czy w CSSie. Napiszcie proszę np:

 

 

[Potrzebuję na szybko][ważne]

 <body background> (inne znaczniki) 
Edytowane przez komu115

krzysiuus
komentarz
komentarz

Hmm wstaw poniższy kod do swojej strony:

<style>
body {
    background: url("../images/bg.jpg") no-repeat top;
}
</style>

Oczywiście ustaw odpowiednią ścieżkę do obrazka.

komu115
komentarz
komentarz

Działa, a wiesz może jak zzrobić, że jak oddalasz stronę to obraz będzie się skalował razem z nią, żeby nie było białych pasów?

krzysiuus
komentarz
komentarz

Co znaczy jak oddalasz stronę? Zmniejszał/zwiększał okno przeglądarki?

komu115
komentarz
komentarz

Tak

krzysiuus
komentarz
komentarz

To już wdrożenie responsywności.

Pracy więcej w zależności od strony.

 

Co do samego tła to możesz użyć większego rozmiaru pliku 1920px szerokości jeżeli jest to obrazek z jakimś elementem lub wąski mały pasek jeżeli nie przedstawia żadnego elementu, ewentualnie sam styl css3.

 

Ciężko stwierdzić nie mając adresu www strony.

demonix
komentarz
komentarz
                background: url("img/img.jpg");
                background-repeat: no-repeat;
                background-size: contain;
                background-size: 100% 100%;
                widht:auto;
                height: 100vh;

 

komu115
komentarz
komentarz

Dziękuję bardzo, działa :)

 

//Do zamkniecia//

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.