Forum PHP.pl > [CSS]Brak tła w elemencie.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]Brak tła w elemencie.

castagir

7.12.2014, 15:36:26

Witam

Mam tym razem problem z CSS. Zrobiłem grafikę tabele do swojej strony, tak radzili w internetach, żeby podzielić ją na małe fragmenty, aby mogła być elastyczna.
Mam trochę banalny problem.
Jest coś takiego.
Stronę mam podzieloną na pojemniki "div". Główny pojemnik, ten któ©y jednocześnie jest tłem wysœietla grafikę tak jak chcę. Niestety tabelka, która jest na nim(również w div już nie pokazuje obrazka, lecz pokazuje sam kolor).

Oto kod jednej ze stron. Każda ma taki sam schemat.

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Instalacja ENDO</title>
    <link href="../style_kaskadowe/instalator/style.css" rel="stylesheet" type="text/css" />
</head>
 
<body>
<div class="itlo1">
<div class="blok_tresci">
<center class="logo"><img src="../style_kaskadowe/logo_endo_duze.png" /></center>
<div class="tabela_duza">
<h1 class="tytul">Gratulacje!</h1>
<h2 class="tytul">Instalacje ENDO zakończyła się pomyślnie.</h2>
<p class="uwaga">Jeżeli chcesz przejść do platfromy administratora wtryny<br /> używaj zawsze adresu:<br /> <i>nazwa_strony.domena/konsola.php</i></p>
<center><p class="info">Gdzie chcesz się teraz udać? Do strony głównej?</p></center>
<!-- Notacja 1. -->
<form action="../index.php">
    <center><input type="submit" value="Strona główna" /></center>
</form>
<center><p class="info">Czy chcesz przejść do konsoli administratora?</p></center>
<!-- Notacja 2. -->
<form action="../konsola.php">
    <center><input type="submit" value="Konsola administratora" /></center>
</form>
<br />
</div></div></div>
</body>
</html>
[HTML] pobierz, plaintext

I css.

[HTML] pobierz, plaintext 
// Tło strony, które jest wyświetlane prawidłowo.
.itlo1 {
    background-color: white;
    background-image: url('gradient_tlo.png');
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: bottom left;
    margin: 0 auto;
}
// tło tabelki, które jest wyświetlane niepoprawnie.
.tabela_duza {
    position: relative;
    top: 20px;
    width: 750px;
    margin: 0 auto;
    background-color: rgb(234, 231, 215);
    background-image: url('gradient_tabelka.png');
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-position: bottom left;
}
[HTML] pobierz, plaintext

Kolor tabelki jest wyświetlany poprawnie. Problemem jest właśnie to, że nie wczytuje obrazka, chociaż jest wpisany poprawnie.

Mam też jeszcze inne pytanie.
Czy dałoby się w jakiś sposób zrobić tak, żeby do jednego stylu css zapakować kilka obrazków?
Chodzi o to, że chce zrobić coś takiego. Dodac 4 kąty, które są zaokrąglone i z fajną ramką, krawędzie górną, dolną i boczne, które powtarzałyby się repeat-x/y, a także środek, który powielałby się repeat-x.
Chodzi o to, że efekt ma być bardzo estetyczny, bo robię stronę hobbystyczną, a że rysowanie jest moją pasją od dziecka to chciałbym jakoś ładnie zrobić wygląd strony.

Z góry dziękuję za pomoc i poświecony czas.

Pozdrawiam!

fate

8.12.2014, 09:37:48

tło obrazkowe zamiast koloru: daj background:transparent
Mozna dac kilka razy tło oddzielasz przecinkami background:transparent, url('scezka.png') repeat-x center, url('scezka.png') repeat-x top, url('scezka.png') repeat-y bottom

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.