Forum PHP.pl > [CSS]Problem css

Pomoc - Szukaj - Użytkownicy - Kalendarz

szczalpi

1.04.2010, 11:53:06

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:

[HTML] pobierz, plaintext 
<div style="width: 2050px; background: url("img/stopka.jpg") no-repeat scroll 0% 0% transparent; top: 0px; position: relative; overflow: hidden; clear: both;"</div>
[HTML] pobierz, plaintext

Proszę o pomoc

Dziadzia

1.04.2010, 12:20:55

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>

[HTML] pobierz, plaintext 
<link rel="stylesheet" type="text/css" href="style.css">
[HTML] pobierz, plaintext

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

body {
background-image: url(ścieżka do twojego zdjęcia);
}

mortus

1.04.2010, 12:22:32

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.

szczalpi

1.04.2010, 12:30:46

Nie chce dzialac.
Wstawilem do body

[HTML] pobierz, plaintext 
body
{
  background: url("img/stopka.jpg") transparent no-repeat;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 40px;
 
}
[HTML] pobierz, plaintext

i nic .... Jakis oporny jestem na wiedze ;/

Dziadzia

1.04.2010, 12:39:01

ale Ty chcesz aby obrazek był na całej stronie więc musi się on powtarzać... wywal no-repeat;

mortus

1.04.2010, 12:45:13

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;

Dziadzia

1.04.2010, 12:45:40

niestety nie zdążyłem go zobaczyć... ale raczej nie chce wstawić obrazka wielkości np 1000px x 1000px... jak tło strony??

szczalpi

1.04.2010, 12:50:50

Mortus dodalem

[HTML] pobierz, plaintext 
background: transparent url("img/stopka.jpg") no-repeat scroll top center;
[HTML] pobierz, plaintext

tak jak piszesz. Niestety nic sie nie zmienilo.
Oto cale moje body teraz:

[HTML] pobierz, plaintext 
 body
{
 background: transparent url("img/stopka.jpg") no-repeat scroll top center;
 
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 40px;
 
}
[HTML] pobierz, plaintext

mortus

1.04.2010, 13:06:37

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

@szczapli Powinieneś mieć w css

[CSS] pobierz, plaintext 
body {
     background: url("img/stopka.jpg") no-repeat scroll 45.5% 50px transparent;
}
[CSS] pobierz, plaintext

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.

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.