Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS]Jak wyłączyć background-image
konrados
post 17.11.2008, 12:34:16
Post #1





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

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


Witam,

Na jednej z moich stron jest używany plik pierwszy.css w którym dla H1 dałem obrazek tla:
background-image:url('jakis_obrazek.png')

Dalej używam plik drugi.css, w którym dla owego H1 chcę dać zwykłe tło (background-color:...), w tym celu muszę "wyłączyć" jakoś background-image, próbuję background-image:none, i to rzeczywiście wyłącza, ale nie akceptuje już mojego background-color, czy macie jakieś koncepcje?

Jeśli zagmatwałem to krócej: używam dwóch plików css (jednocześnie), w pierwszym robię background-image a w drugim chcę zrobić background-color i nie działa.
Go to the top of the page
+Quote Post
vokiel
post 17.11.2008, 14:47:26
Post #2





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

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


użyj skróconej wersji: background
plik 1
background: url('jakis_obrazek.png');
plik 2
background: #ff0000;


--------------------
Go to the top of the page
+Quote Post
johnson
post 17.11.2008, 14:51:19
Post #3





Grupa: Zarejestrowani
Postów: 90
Pomógł: 2
Dołączył: 3.12.2004

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


Mam koncepcję taką, że coś jest nie tak zapisane w CSS, fajnie by było jakbyś pokazał przynajmniej te dwie całe definicje H1.

Ten post edytował johnson 17.11.2008, 14:52:05
Go to the top of the page
+Quote Post
konrados
post 17.11.2008, 16:21:50
Post #4





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

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


@vokiel : niestety nie zadziałało

@johnson : No to jest tak:
Kod
plik #1:
   h1
   {
     border:1px solid #CCCCCC;
     background-image: url('blue.png');
     background-repeat: repeat-y;    
   }
  
   plik #2:
   h1
     {
     background-image: none;
     background-color:red;
   }
Go to the top of the page
+Quote Post
erix
post 17.11.2008, 16:59:51
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Poczytaj sobie o keywordzie !important. To jest rozwiązanie Twojego problemu.


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
konrados
post 17.11.2008, 17:14:44
Post #6





Grupa: Zarejestrowani
Postów: 623
Pomógł: 79
Dołączył: 16.01.2008

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


Rzeczywiście, !important zadziałało, chociaż nie rozumiem czemu - przecież ten drugi css jest PONIŻEJ pierwszego, więc z natury rzeczy powinno zadziałać (czyż kolejny css nie nadpisuje wartości w pierwszym?).

No niemniej dzięki, problem rozwiązany:)
Go to the top of the page
+Quote Post
erix
post 17.11.2008, 17:43:05
Post #7





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Właśnie o to chodzi, żeby uniezależnić od kolejności deklaracji, a uzależnić od hierarchii. ;]


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
hiszpanespaniol
post 17.11.2008, 17:55:38
Post #8





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

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


Cytat
Właśnie o to chodzi, żeby uniezależnić od kolejności deklaracji, a uzależnić od hierarchii. ;]


... i uzależnić od tego, czy ktoś ma ie, czy nie. ;P

edit:
Cytat
uniezależnić od kolejności deklaracji

mowa tu o KASKADOWYCH arkuszach stylów

Ten post edytował hiszpanespaniol 17.11.2008, 17:57:48


--------------------
Go to the top of the page
+Quote Post
erix
post 17.11.2008, 18:00:28
Post #9





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Cytat
... i uzależnić od tego, czy ktoś ma ie, czy nie. ;P


To też. ;]

Cytat
mowa tu o KASKADOWYCH arkuszach stylów

Owszem, ja wiem, co mówię, patrz:

Kod
<link rel... href="skeleton" />
<link rel... href="skin" />


Byś zamienił kolejnością i kicha. tongue.gif

Drugi przykład:
Kod
p.rodzic
{ font-weight: bold; }

span.dziecko
{ /*nie chce byc grubasem*/ font-weight: normal !important; }


--------------------

ZCE :: Pisząc PW załączaj LINK DO TEMATU i TYLKO w sprawach moderacji :: jakiś błąd - a TREŚĆ BŁĘDU? :: nie ponaglaj z odpowiedzią via PW!
Go to the top of the page
+Quote Post
hiszpanespaniol
post 17.11.2008, 18:06:46
Post #10





Grupa: Zarejestrowani
Postów: 213
Pomógł: 39
Dołączył: 7.04.2008
Skąd: 3city

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


a nie lepiej się otworzyć na tą drugą połowę internautów i zapisać tak?

  1. p.rodzic {
  2.  
  3. font-weight: bold;
  4.  
  5. }
  6.  
  7. p.rodzic span.dziecko {
  8.  
  9. font-weight: normal
  10.  
  11. }


z klasy .dziecko można zrezygnować.

ja też wiem, co piszę, wiem, ze !important jest mało important dla ie z której to korzysta sporo internautów


--------------------
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: 29.06.2025 - 02:51