Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css]Nie widać obrazków w tabeli
Forum PHP.pl > Forum > Po stronie przeglądarki
230005
Mam tak:

  1.  
  2. #o_firmie {
  3. background_image: url(../images/o_firmie.png);
  4. }
  5.  
  6. #uslugi {
  7. background_image: url(../images/uslugi.png);
  8. }
  9.  
  10. #kontakt {
  11. background_image: url(../images/kontakt.png);
  12. }
  13.  


  1. <div class = "tlo1">
  2. <ul id = "menus">
  3. <li id = "strona_startowa">strona startowa</li>
  4. <li id = "o_firmie">o firmie</li>
  5. <li id = "uslugi">usługi</li>
  6. </ul>
  7. </div>


Obrazki powinny wyświetlić się jako tło każdej komórki tabeli, a wyświetla się tylko pierwszy. Jeśli zamienię go tak, żeby wyświetlał się w komórce niżej, wyświetla się, a pozostałe nie. Ścieżki do obrazków i ich nazwy są NA PEWNO dobre :]. Także kiedy próbuję wstawić dwa razy ten sam obrazek wyświetla się tylko jeden. Istnieją jakieś tajemnicze prawidła dotyczące wstawiania obrazków do tabeli, czy jak biggrin.gif ?
erix
Nie możesz zrobić menu z listy wyliczeniowej? Po co tabelka?
230005
No dobra, to powiedz mi jeszcze jak mam wyrównać element <li /> do lewej, a będę twoim dozgonnym dłużnikiem tongue.gif.
piotrooo89
display: block;
float: left;

http://www.kurshtml.boo.pl/css/pionowe_menu,menu.html poczytaj.
230005
Ok, faktycznie lista to lepszy pomysł niż tabela, ale wciąż nie wyświetla mi obrazków.
piotrooo89
a czasem nie pisze się tego tak?

  1. background-image: url('../images/kontakt.png');
230005
Możliwe, że tak się pisze, ale to wciąż nie działa tongue.gif.
piotrooo89
Cytat(230005 @ 29.06.2009, 21:01:15 ) *
Możliwe, że tak się pisze, ale to wciąż nie działa tongue.gif .

zobacz jak się to pisze będziesz wiedział:
http://www.w3schools.com/css/pr_background-image.asp

i czy aby na pewno masz poprawne ścieżki do obrazków?
230005
Ok, nie ma sensu się o to kłócić, szczególnie że pozostałe obrazki działają i bez ' i ", a i w różniastych kursach raz jest tak, a raz tak. Ścieżki mam na 100% dobrze ustawione, poza tym pisałem - jeśli wstawię ten sam obrazek w liście dwa razy to wyświetlany jest tylko raz.
erix
To masz coś nie tak...

Sprawdź ścieżki, bo jeśli tak wstawiasz, jak napisano, to musi być ok.
piotrooo89
jak to 2x? pokaż kod i jak możesz to tą stronkę. bo coś mi się wierzyć nie chce.

Cytat
nie ma sensu się o to kłócić


ależ nikt się nie kłóci smile.gif
230005
Poprawiony kod jest u góry, a strona: http://83.30.155.13/praca/index.php.
erix
Nie ustawiasz w ogóle tła w CSS. tongue.gif

Sprawdź sobie firebugiem. tongue.gif
piotrooo89
popatrz na to:

  1. li#o_firmie {
  2. background_image: url(../images/o_firmie.png);
  3. }
  4.  
  5. li#uslugi {
  6. background_image: url(../images/uslugi.png);
  7. }
  8.  
  9. li#kontakt {
  10. background_image: url(../images/kontakt.png);
  11. }
  12.  
  13. li#produkty {
  14. background_image: url(../images/produkty.png);
  15. }
  16.  
  17. li#galeria {
  18. background_image: url(../images/galeria.png);
  19. }


i na to:

  1. background-image: url(ścieżka);


i znajdź 1 różnice.
230005
O.o niesamowite niesamowitości, bo w pliku to jest, firebug faktycznie nie widzi biggrin.gif .

Edit:

Piotrooo, dżizys dzięx haha.gif nie widziałem tego...
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.