Skocz do zawartości

background-image nie wyświetla obrazu

btl1

Przez btl1
w HTML i CSS

Rekomendowane odpowiedzi

btl1 Newbie

btl1

Opublikowano
Opublikowano

Hej,

Googlowałem juz ostro, znalazłem nawet podobny temat tutaj, jednak z 2009roku, jednak żadne ze znalezionych przeze mnie rozwiązań nie pomogło.

Tak jak w temacie, tworze div=class w html, odwolanie do niego w css gdzie zamieszam pożadane przeze mnie tlo.Cokolwiek bym jednak nie robił, tlo mi się nie wyświetla, działa jedynie dodanie background= #wybranykolor, ale mnie zależy na obrazku. Wygląda to tak, jakbym podawał złą ścieżkę, ale to niemożliwe, gdyż męcząc się z tym dobre 3,5h, testując ścieżki względne i 'bezwzględne', skopiowałem obraz do wszystkich katalogów - bez efektu.

Może umieszcze kawałek kodu. Usunałem wszystko co niepotrzebne, zamieszam tylko fragmenty mające powiązanie z tym divem.

html: 

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/menu.css" />
</head>
<body>
<div class="container">
<header>
</header>
<section class="color">
<nav class="menu">	
</nav>
</section>	
</div>


<div class="glowna" id="glowna1">
<div class="tresc">
 <h2>tresc2</h2>


<div class="logo">
 <div class="softlogo-tresc">
 <p> asdasd</p>
 </div>
</div>
</div>

</div>

</body>
</html>

css:

body{
background: url(/images/bg1.jpg);}

#glowna1 .tresc{
background-image: url('../images/1.jpg');
margin: 0 auto;
max-width: 1000px;
height: 550px;
border: 3px solid rgba(255,255,255,1);
}

.glowna h2{
font-family: sans-serif;
position:relative;
line-height: 30px;
max-width: 500px;
color: rgba(0,0,0,);
padding: 20px 20px;
margin-left: 80px;
margin-top: 20px;
background: rgba(255,255,255,0.7);
}

.softlogo-tresc p {
background-image: url (../images/logo1.jpg);
font-family: sans-serif;
position:relative;
line-height: 30px;
max-width: 500px;
color: #fff;
padding: 20px 20px;
margin-left: 80px;
margin-top: 20px;
margin: 0 auto;
max-width: 1000px;
height: 200px;
position:relative;
}

Byłbym wdzięczny za wszelką pomoc

Odnośnik do komentarza
Udostępnij na innych stronach
btl1 Newbie

btl1

Opublikowano
  • Autor
Opublikowano

@kayman

display: block również nie pomaga

@Cordor

mam na myśli .softlogo-treść, gdzie obrazek chce wstawić jako tło do <p>

plik jest .jpg, tak jak w podanej przeze mnie scieżce, o rozmiarach mniejszych niż maksymalne określone przeze mnie dla tego diva.

Ten kawałek kodu jest w pełni funkcjonalny, jeśli znaleźlibyście chwile czasu, zeby go skopiować i sprawdzić czy wstawia jakikolwiek obrazek, byłbym ogromnie wdzięczny.

Odnośnik do komentarza
Udostępnij na innych stronach
btl1 Newbie

btl1

Opublikowano
  • Autor
Opublikowano

nie wierze, po prostu nie wierze.

dziki_rysio_997, przyznaję, że Twoje rozwiązanie wklepywałem bez przekonania, będąc pewnym, ze nie pomoże, tym bardziej, ze kilknascie wierszy wyżej, mam ze spacją między 'url' a ścieżką.

Po czym odświeżam stronę ... i działa :o jestem w szoku.

Chciałbym zrozumieć dlaczego ? Jedna spacja, a tyle godzin straconych ;/

ah, zapomniałem podziękować ;P

Dzięki wielkie!

(nie ma opcji edycji posta, mam nadzieje, ze scali automatycznie ;p)

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • 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ę. Warunki użytkowania Polityka prywatności