Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Pomoc z rozmiarem tla w css
Blon_
post 16.03.2010, 12:09:55
Post #1





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 16.03.2010

Ostrzeżenie: (0%)
-----


Witam

jestem początkujący jeśli chodzi o cssa dlatego z góry proszę o wyrozumialość. Mam problem. Chciał bym zrobić tak aby tło strony automatycznie dopasowywalo się do rozmiaru przeglądarki. Wydaje się to być banalne ale kombinują we wszystkie strony no i nie wiem co robię źle. Wpisywałem w wysokość i szerokość auto i też nie działa.. jestem pewny że to coś prostego. Załóżmy że mam tylko jednego diva i mam same tło i nic więcej. Z góry dzięki za podpowiedź



Kod
#header {
height: 1000px;
width: 2000px;
background: url(tlo.jpg) no-repeat;
}


Go to the top of the page
+Quote Post
wookieb
post 16.03.2010, 12:33:30
Post #2





Grupa: Moderatorzy
Postów: 8 989
Pomógł: 1550
Dołączył: 8.08.2008
Skąd: Słupsk/Gdańsk




Dopasowało to dużo powiedziane.
Jeżeli chodzi o przeskalowanie to od razu odradzam taki pomysł.
Jeżeli chodzi o dobranie rozmiaru div zawierającego ten obrazek to musisz pokazać więcej kodu. Najlepiej wystaw to na live, wtedy nikt nie będzie miał problemu z modyfikacją.


--------------------
Go to the top of the page
+Quote Post
Blon_
post 17.03.2010, 12:18:08
Post #3





Grupa: Zarejestrowani
Postów: 14
Pomógł: 0
Dołączył: 16.03.2010

Ostrzeżenie: (0%)
-----


hmm chciałbym zrobić mniej więcej coś takiego TUTAJ żeby te kartki były wyśrodkowane i żeby nie zmieniały swojego rozmiaru miały stały rozmiar ale żeby tło dopasowywało się automatycznie do przeglądarki. Jeśli chodzi o więcej kodu to go nie mam bo chyba tło głównego diva to początek..



i nikt nie podpowie jak to zrobić..
Go to the top of the page
+Quote Post
kamil_lk
post 17.03.2010, 13:57:38
Post #4





Grupa: Zarejestrowani
Postów: 325
Pomógł: 33
Dołączył: 31.05.2008

Ostrzeżenie: (0%)
-----


index.html
  1. <div id="kartka">asdasd asd asd asd asd</div>
  2. </body>


style.css
  1. BODY {
  2. background: url(adres_pliku.jpg);
  3. background-repeat: repeat;
  4. }
  5.  
  6. #kartka {
  7. background: url(adres_do_kartki.jpg);
  8. width: szerokosc_kartki;
  9. height: wysokosc_kartki;
  10. margin: 0 auto;
  11. }


tak na szybko winksmiley.jpg

Ten post edytował kamil_lk 17.03.2010, 13:59:33
Go to the top of the page
+Quote Post
krzysztof_kf
post 17.03.2010, 18:47:21
Post #5





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

Ostrzeżenie: (0%)
-----


więcej konkretów tło ustawiasz za pomocą
Kod
body {
background: url(twojetlo.png) repeat;


Jeśli chcesz wycentrować jakiś dość duży obrazek o stałej szerokości i wysokości to wstaw po prostu jakiś selektor z danym obrazkiem np

Kod
#selektor {
width: //twoja szerokość obrazka
height: //twoja wysokość obrazka
margin: 0 auto; //Przy tym atrybucie będziesz miał dany obrazek wyśrodkowany pod każdą przeglądarkę
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 8.07.2025 - 06:49