Forum PHP.pl > nie wyświetlają się obrazki

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: nie wyświetlają się obrazki

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

nigraS

29.12.2008, 22:36:18

w pliku index.tpl

Kod

w pliku szata.css

Kod

#logo{
  /*border:solid black 1px;*/
  background-image:url("szablon/logo.gif");
  background-position:left center;
  background-repeat:no-repeat;
  position:relative;
  margin-left: auto;
  margin-right: auto;
  height:130px;
  width:640px;
}

logo się nie wyświetla, a gdy w pliku index.tpl napiszę

Kod

to logo się pojawia.

piotrooo89

29.12.2008, 22:39:36

nie znam struktury twoich katalogów... ale chyba masz ścieżki pokićkane.

pest

30.12.2008, 09:59:35

Cytat(nigraS @ 29.12.2008, 22:36:18 )

w pliku szata.css

Kod

#logo{
   /*border:solid black 1px;*/
   background-image:url("szablon/logo.gif");
   background-position:left center;
   background-repeat:no-repeat;
   position:relative;
   margin-left: auto;
   margin-right: auto;
   height:130px;
   width:640px;
}

logo się nie wyświetla, a gdy w pliku index.tpl napiszę

Kod

to logo się pojawia.

Hmm... więc, pomogłoby jakbyś jeszcze podał kod załączający style do dokumentu html, wtedy przynajmniej byłoby pewne, że szata.css znajduje się w katalogu "./css" względem wywołanego pliku .html.
Background możesz też wstawić tak

Kod

#logo{
background: transparent url("./szablon/logo.gif") left center no-repeat;
}

Ogólnie dziwne wydaje mi się przechowywanie plików graficznych w katalogu css, ale tylko kwestia przyjętych standardów.

nigraS

8.03.2009, 16:22:40

już znalazłem.
Problem leżał po stronie .css, nie dałem klamry zamykającej }

ponownie mam błąd z niewyświetlaniem.

w pliku css mam

Kod

#1{
background-image:url("img/1.png");
}

a w index.php

Kod

gdy w css wpiszę

Kod

background-color:black;

tło się pojawia

a w index.php

Kod

to się pojawia.

kamil4u

8.03.2009, 16:30:59

Cytat

ID nie powinno zaczynać się od liczby i powinno być unikalne! A problem opisz trochę dokładniej, bo mało można zrozumieć

nigraS

8.03.2009, 19:14:48

ok, zmieniłem na <div id="gora"></div>

więc od początku, mam plik css i php, w pliku css wstawiłem taki kod

Kod

#gora{
background-image:url("img/1.png");
}

a w pliku php <div id="gora"></div>
obrazek się nie wyświetla, by sprawdzić, czy dobrze podałem ścieżkę w php do css w css dałem pomiędzy znacznikiem<body> taki kod

Kod

background-color:black;

, czarne tło się pojawiło, więc dobrą podałem ścieżkę do css.
W takim razie pomyślałem, że ścieżka do grafiki jest zła, wiec w php dałem taką komendę.

Kod

obrazek się wyświetlił.

podałem dobrą ścieżkę do css i do grafiki więc nie rozumiem dla czego się nie wyświetla.

kamil4u

8.03.2009, 19:57:31

"Ścieżki w arkuszach stylów są relatywne do nich, a nie dokumentu HTML." ( http://kurs.browsehappy.pl/CSS/WlasciwosciWartosci ) <-- oczywiście zastosowałeś się do tego?

pest

8.03.2009, 21:04:39

Cytat(nigraS @ 8.03.2009, 19:14:48 )

ok, zmieniłem na <div id="gora"></div>

więc od początku, mam plik css i php, w pliku css wstawiłem taki kod

Kod

#gora{
background-image:url("img/1.png");
}

a w pliku php <div id="gora"></div>
obrazek się nie wyświetla, by sprawdzić, czy dobrze podałem ścieżkę w php do css w css dałem pomiędzy znacznikiem<body> taki kod

Kod

background-color:black;

, czarne tło się pojawiło, więc dobrą podałem ścieżkę do css.
W takim razie pomyślałem, że ścieżka do grafiki jest zła, wiec w php dałem taką komendę.

Kod

obrazek się wyświetlił.

podałem dobrą ścieżkę do css i do grafiki więc nie rozumiem dla czego się nie wyświetla.

Motasz tak, że trudno w ogóle załapać o czym piszesz.
Jeśli nie jest to sprawa ze ścieżką, która nie jest relatywna do pliku css, to może być kolejna sprawa taka.
Kiedy nadajesz pewne tło dla div'a to jest ono wyświetlane wewnątrz tego diva, jeśli div jest pusty i nie określisz mu parametrów width i height, to obrazka nie zobaczysz (bo obrazek jest tłem obszaru 0px / 0px czyli pustego).

nigraS

9.03.2009, 11:47:12

dzięki, rzeczywiście zapomniałem o
width:951px;
height:106px;

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.