Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×

CSS - zmiana tła Sidebar


Rekomendowane odpowiedzi

Opublikowano

Co zrobić, żeby tło Sidebar było obrazkiem (powielanym).

.ipsSideBlock {
	background: #CEAE76 url('http://img824.imageshack.us/img824/4475/04u5.png') repeat-x top;
	padding: 10px;
	margin-bottom: 10px;

I robię coś źle, bo zamiast obrazek wyświetlany jest tylko kolor (#CEAE76). Co zrobić, żeby tło było zrobione z obrazka?

 

Opublikowano (edytowane)

Odwrotnie:

background: url('http://img824.imageshack.us/img824/4475/04u5.png') repeat-x top #CEAE76;

Może czas poznać podstawy kodowania? :)

Ale i tak najlepiej uczy się na błędach :)

Edytowane przez PawelS
  • Lubię to 1
Opublikowano

Nie jest tak jak powinno być:

xqwd.png

 

Jest tylko mały kawałeczek z tym tłem.

Kod taki jaki wyżej podałeś

.ipsSideBlock {
	background: url('http://img824.imageshack.us/img824/4475/04u5.png') repeat-x top #fff;
	padding: 10px;
	margin-bottom: 10px;
Opublikowano

+ sprawdziłem ten kod na Twoim forum firebugiem, te tło nie jest przezroczyste, więc nie wiem po co dodajesz kolor?

wystarczy takie coś

background: url('http://img824.imageshack.us/img824/4475/04u5.png');

ewentualnie:

background: url('http://img824.imageshack.us/img824/4475/04u5.png') repeat top transparent;
  • Lubię to 2
Opublikowano

 

+ sprawdziłem ten kod na Twoim forum firebugiem, te tło nie jest przezroczyste, więc nie wiem po co dodajesz kolor?

wystarczy takie coś



background: url('http://img824.imageshack.us/img824/4475/04u5.png');

ewentualnie:



background: url('http://img824.imageshack.us/img824/4475/04u5.png') repeat top transparent;

 

Bo ten styl na którym pracuję jest ukryty.

Działa teraz tak jak powinno. Dziękuję i mówię od razu, że to są moje początki z css.

Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.