Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tło strony łączące się z jej grafiką jak ?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
kataklysm
Witam
zrobiłem szablon w photoshopie już nie pierwszy zresztą, jednak ten jest trochę inny ponieważ użyłem grafiki która przestawia kosmos pociąłem szablon wstawiłem w html i tutaj pojawia się problem tła chciałbym żeby niezależnie od rozdzielczości ekranu tło wypełniało wolną przestrzeń po bokach strony więc w arkuszu css ustawiłem grafikę tła (ten sam obrazek przestawiający kosmos) która ma rozdzielczość 1920x1200 jednak grafika nie schodzi się ze stroną i tło jest przesunięte względem strony (a tutaj jest to ważne by były idealnie)

Szukałem szukałem i nie znalazłem jak dopasować tło do reszty grafiki by strona wyglądała na jednolitą. Proszę o pomoc
kalipek
body {background:url(bg.jpg) no-repeat top center;}


http://www.google.pl/search?aq=f&sourc...ground+position
kataklysm
Cytat(kalipek @ 18.04.2011, 23:36:42 ) *
body {background:url(bg.jpg) no-repeat top center;}


http://www.google.pl/search?aq=f&sourc...ground+position



Oczywiście tak osadziłem to w arkuszu niestety podczas przygotowywania szablonu przesunąłem obraz tła i dlatego teraz po pocięciu go nie mogę dopasować ale przecież musi się jakoś dać smile.gif
kalipek
Oczywiście, że się da (o ile rozumiem o co Ci chodzi). Dostałeś linka, pierwszy wynik prowadzi do rozwiązania.


http://www.w3schools.com/css/tryit.asp?fil...-position_pixel
kataklysm
Link bardzo pomocny swoją drogą podając odpowiednie wartości dla ustawienia tła w px udało mi się ustawić tło w odpowiednim miejscu jednak po zmianie rozdzielczości tło przestawiło się zupełnie... czy na to też można jakoś zaradzić ?
kalipek
Tak, jeśli znasz javascript i chce Ci się bawić w grę nie wartą świeczki. Lepiej jednak wróć do PS, ustaw odpowiednio i potnij jeszcze raz wink.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.