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ą.


--------------------
9marshals.com, Fantastyka, Parser bbcode ( UPDATE 1.2 ), Kalkulator wielkości informatycznych
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
[HTML] pobierz, plaintext 
  1. <body>
  2. <div id="kartka">asdasd asd asd asd asd</div>
  3. </body>
[HTML] pobierz, plaintext


style.css
[HTML] pobierz, plaintext 
  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. }
[HTML] pobierz, plaintext


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
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 8.07.2025 - 06:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn