Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Tło na całej stronie
Forum PHP.pl > Forum > Gotowe rozwiązania > Szukam
licha
Szukam chyba banalnej rzeczy. Chodzi mi o skrypt (wywołanie,styl css lub cokolwiek innego) co ustawi mi wstawi tło strony i ustawi je dokładnie na środku
tomazino2
style css
background: red;
float: center;
licha
a jeśli jesteś taki dobry gdzie to wstawić ?
tomazino2
w pliku css w body np albo zrob diva biggrin.gif
bzeebzee
To co ci kolega napisał i tak będzie w rozmiarze całego okna przeglądarki. Jednym z sposobów może być:
  1. // w sekcji head
  2. <style type="text/css">
  3. <!--
  4. .bg_container {
  5. background-color: red;
  6. width: 40%;
  7. height: 40%;
  8. position: absolute;
  9. z-index: -1;
  10. margin: 30% auto;
  11. }
  12. -->
  13.  
  14. <div class="bg_container"></div>
  15.  
by_ikar
Kolega chce chyba obrazek wstawić, skoro chce ustawić na środku, przecież kolorów się nie pozycjonuje? wink.gif chyba że mnie coś ominęło..

  1. body { background: url("adres/do/obrazka/obrazek.jpg") top center no-repeat; }


Jeżeli chodziło ci o coś innego, to pisz, lub pokaż na przykładzie jakiejś strony o co ci chodzi.
Leihto
@tomazino2
O czymś takim to ja jeszcze nie słyszałem :F
Cytat
float: center;

jak już to:
Cytat
margin : 0 auto;
zyxel
Ja bym proponował w css wpisać odpowiednio do tego co chcesz uzyskać:
Tło na środku przesuwa się razem z zawartością jedyny problem to to żebyś lepiej dał na powtarzanie tła inaczej musisz sobie taki dłuuugi zrobić obraz by pokryło ci zawartość twojej strony:
ale do wyboru:

bez powtarzania tlo w miejscu
Cytat
body {
background-image: url(obrazek.jpg);
background-position: top;
background-repeat: no-repeat;
height:auto;
}


z powtarzaniem tło w miejscu na środku strony(dobrze miec grafike która powtarzając się da jednolity obraz):

Cytat
body {
background-image: url(obrazek.jpg);
background-position: top;
background-repeat: repeat-y;
height:auto;
}



Tło na środku nieruchome zawartość przesuwa się sama(tutajmożesz dać plik z 1000px wysokości- szerokość tak jak wyżej w zależności od rozstawu twojej www):

Cytat
body {
background-image: url(obrazek.jpg);
background-position: top;
background-repeat:no-repeat;
background-attachment:fixed;
height:auto;
}

Pozdro zyxel jak pomogłem oczywiście klik na pomógł
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-2024 Invision Power Services, Inc.