Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][DIV] Tło obrazka
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
MaryJane
Witam, jeszcze raz ja mam pewien problem zrobiłem proste menu:

  1. #menu1 {
  2. background: url(images/menu1.png) no-repeat; /* Obrazek z odnośnikiem 1 */
  3. border: 1px solid white; /* obrazmowanie naszego menu */
  4. border-radius: 5px; /* zaokrąglenie menu */
  5. width: 900px; /* szerkość menu */
  6. padding: 3px;
  7. font-size:20px;
  8. text-align: center;
  9.  
  10. }


Niestety nie działa tło obrazkowe nie wiem dlaczego ścieżka do pliku jest na 100% dobra ponieważ jak daje <img src="images/menu1.png"> to obrazek się wyświetla.



Pozdrawiam
toffiak
To że działa ten zapis: "<img src="images/menu1.png">" nie znaczy że ścieżka dla tła w pliku stylów jest poprawna.

Załóżmy że mamy plik index.html, katalog z obrazkami images oraz ze stylami css, ze strukturą taką jak poniżej:

kontakt.html
index.html
css
----style.css
----inny_styl.css
images
----menu1.png
----inny_brazek.png

Umieszczając wpis <img src="images/menu1.png"> w pliku index.html, obrazek zostanie wyświetlony prawidłowo, ale umieszczając ten sam wpis w pliku style.css, ten obrazek będzie szukany w:

index.html
css
----images ( nie ma takiego katalogu )
--------menu1.png ( i nie ma pliku )

Ścieżka podana w pliku style.css jest relatywna do pliku style.css a nie do index.html więc dla tego przykładu poprawnie należałoby zapisać:
background: url(./../images/menu1.jpg) no-repeat;
MaryJane
Nie działa nawet jak przenosze wszystko do jednego folderu htdcos zmieniłem na url(menu1.jpg); bez zadnego folderu i tez nie wyswietla.


Struktóra plików:

images
-----------menu1.jpg
template
-----------header.php // tu wyswietlam diva
-----------style.css
index.php
ZaXaZ
spróbuj tak:
  1. background: url('images/menu1.png') no-repeat; /* Obrazek z odnośnikiem 1 */

jak nie działa to tak:
  1. background: url('../images/menu1.png') no-repeat; /* Obrazek z odnośnikiem 1 */
kujol
może złe rozszerzenie pliku podajesz? wink.gif
MaryJane
ZaXaZ dzięki działa ; ) ++
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.