Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS]Brak tła w elemencie.
castagir
post 7.12.2014, 15:36:26
Post #1





Grupa: Zarejestrowani
Postów: 146
Pomógł: 3
Dołączył: 28.10.2014

Ostrzeżenie: (10%)
X----

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 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8" />
  5.     <title>Instalacja ENDO</title>
  6.     <link href="../style_kaskadowe/instalator/style.css" rel="stylesheet" type="text/css" />
  7. </head>
  8.  
  9. <body>
  10. <div class="itlo1">
  11. <div class="blok_tresci">
  12. <center class="logo"><img src="../style_kaskadowe/logo_endo_duze.png" /></center>
  13. <div class="tabela_duza">
  14. <h1 class="tytul">Gratulacje!</h1>
  15. <h2 class="tytul">Instalacje ENDO zakończyła się pomyślnie.</h2>
  16. <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>
  17. <center><p class="info">Gdzie chcesz się teraz udać? Do strony głównej?</p></center>
  18. <!-- Notacja 1. -->
  19. <form action="../index.php">
  20.     <center><input type="submit" value="Strona główna" /></center>
  21. </form>
  22. <center><p class="info">Czy chcesz przejść do konsoli administratora?</p></center>
  23. <!-- Notacja 2. -->
  24. <form action="../konsola.php">
  25.     <center><input type="submit" value="Konsola administratora" /></center>
  26. </form>
  27. <br />
  28. </div></div></div>
  29. </body>
  30. </html>
[HTML] pobierz, plaintext


I css. 
[HTML] pobierz, plaintext 
  1. // Tło strony, które jest wyświetlane prawidłowo.
  2. .itlo1 {
  3.     background-color: white;
  4.     background-image: url('gradient_tlo.png');
  5.     background-repeat: repeat-x;
  6.     background-attachment: fixed;
  7.     background-position: bottom left;
  8.     margin: 0 auto;
  9. }
  10. // tło tabelki, które jest wyświetlane niepoprawnie.
  11. .tabela_duza {
  12.     position: relative;
  13.     top: 20px;
  14.     width: 750px;
  15.     margin: 0 auto;
  16.     background-color: rgb(234, 231, 215);
  17.     background-image: url('gradient_tabelka.png');
  18.     background-repeat: repeat-x;
  19.     background-attachment: fixed;
  20.     background-position: bottom left;
  21. }
[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. guitar.gif

Pozdrawiam!
Go to the top of the page
+Quote Post
fate
post 8.12.2014, 09:37:48
Post #2





Grupa: Zarejestrowani
Postów: 824
Pomógł: 106
Dołączył: 14.03.2012
Skąd: Warszawa

Ostrzeżenie: (0%)
-----

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


--------------------
Sklep ubrania lniane dla dzieci promocje
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 11:54
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn