Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Problem css
szczalpi
post 1.04.2010, 11:53:06
Post #1





Grupa: Zarejestrowani
Postów: 336
Pomógł: 0
Dołączył: 25.10.2006

Ostrzeżenie: (10%)
X----


Witam
Mam problem z css. Mam stronę Katalog Stron. Chcę wstawić tło na cały układ strony. Niestety mi nie wychodzi. Tło pojawia się w stopce. Oto kod:
  1. <div style="width: 2050px; background: url("img/stopka.jpg") no-repeat scroll 0% 0% transparent; top: 0px; position: relative; overflow: hidden; clear: both;"</div>

Proszę o pomoc


--------------------
Nieregulaminowa stopka usunieta
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 8)
Dziadzia
post 1.04.2010, 12:20:55
Post #2





Grupa: Zarejestrowani
Postów: 79
Pomógł: 4
Dołączył: 9.07.2009

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


1. Nie wstawiaj stylów do pliku html tylko stwórz plik z rozszerzeniem css i daj do nich odnośnik w pliku index.html (bądź php nie wiem jaki masz) pomiędzy znacznikami <head></head>
  1. <link rel="stylesheet" type="text/css" href="style.css">


2. jeżeli już tak zrobisz to najprościej jest tak:

body {
background-image: url(ścieżka do twojego zdjęcia);
}
Go to the top of the page
+Quote Post
mortus
post 1.04.2010, 12:22:32
Post #3





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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


W tym miejscu wstawiasz, w którym jest, więc się nie dziw, że to tak wygląda. Nie łatwo będzie to naprawić, bo obrazek jest za wąski. Możesz spróbować obrazek wrzucić jako tło (background) elementu body, ale szczerze wątpię, żeby to dało pożądany efekt.
Go to the top of the page
+Quote Post
szczalpi
post 1.04.2010, 12:30:46
Post #4





Grupa: Zarejestrowani
Postów: 336
Pomógł: 0
Dołączył: 25.10.2006

Ostrzeżenie: (10%)
X----


Nie chce dzialac.
Wstawilem do body
  1. body
  2. {
  3. background: url("img/stopka.jpg") transparent no-repeat;
  4. font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  5. margin: 0;
  6. padding: 40px;
  7.  
  8. }
i nic .... Jakis oporny jestem na wiedze ;/


--------------------
Nieregulaminowa stopka usunieta
Go to the top of the page
+Quote Post
Dziadzia
post 1.04.2010, 12:39:01
Post #5





Grupa: Zarejestrowani
Postów: 79
Pomógł: 4
Dołączył: 9.07.2009

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


ale Ty chcesz aby obrazek był na całej stronie więc musi się on powtarzać... wywal no-repeat;
Go to the top of the page
+Quote Post
mortus
post 1.04.2010, 12:45:13
Post #6





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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


Cytat(Dziadzia @ 1.04.2010, 13:39:01 ) *
ale Ty chcesz aby obrazek był na całej stronie więc musi się on powtarzać... wywal no-repeat;
@Dziadzia A widziałeś w ogóle ten obrazek, bo głupoty gadasz.


@szczapli Niby piszesz, że dodałeś background, ale na stronie go nie ma, więc dodałeś, czy nie. Spróbuj tak background: transparent url("img/stopka.jpg") no-repeat scroll top center;

Ten post edytował mortus 1.04.2010, 12:46:00
Go to the top of the page
+Quote Post
Dziadzia
post 1.04.2010, 12:45:40
Post #7





Grupa: Zarejestrowani
Postów: 79
Pomógł: 4
Dołączył: 9.07.2009

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


niestety nie zdążyłem go zobaczyć... ale raczej nie chce wstawić obrazka wielkości np 1000px x 1000px... jak tło strony??
Go to the top of the page
+Quote Post
szczalpi
post 1.04.2010, 12:50:50
Post #8





Grupa: Zarejestrowani
Postów: 336
Pomógł: 0
Dołączył: 25.10.2006

Ostrzeżenie: (10%)
X----


Mortus dodalem
  1. background: transparent url("img/stopka.jpg") no-repeat scroll top center;
tak jak piszesz. Niestety nic sie nie zmienilo.
Oto cale moje body teraz:
  1. body
  2. {
  3. background: transparent url("img/stopka.jpg") no-repeat scroll top center;
  4.  
  5. font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  6. margin: 0;
  7. padding: 40px;
  8.  
  9. }


--------------------
Nieregulaminowa stopka usunieta
Go to the top of the page
+Quote Post
mortus
post 1.04.2010, 13:06:37
Post #9





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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


@Dziadzia Niestety chce, a tło ma wymiary 992x3000px.

@szczapli Powinieneś mieć w css
  1. body {
  2. background: url("img/stopka.jpg") no-repeat scroll 45.5% 50px transparent;
  3. }
i to tylko dla body, a nie jednocześnie dla body i html. Poza tym stopka.jpg powinna się u Ciebie znajdować w katalogu szablony/2/img/stopka.jpg. Od razu mówię, że jakiś efekt będzie, ale niestety nie jest to dobre rozwiązanie. Trzeba pociąć obrazek na trzy części i przeprogramować Twój kod.

Ten post edytował mortus 1.04.2010, 13:07:12
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: 22.06.2025 - 08:41