ďťż

dwa tla? HTML I CSS

       

Podstrony


telcocafe

Czy można zrobić dwa tła na stronie? Podaję przykład:
Są dwa pliki tlo.jpg i bg.jpg
tlo.jpg ma gradient, a jego rozmiar 1 szer. 300 wys.
bg.jpg jest jednolity, a jego rozmiar to 50 na 50
tlo.jpg ustawiam powtarzanie na oś x
bg.jpg powtarzam na całym dokumencie
czy można w CSS takie coś ustawić bez robienia żadnych konwersji na DIV`y itd...?

Wiem że można zrobić dwa tła:
obrazek.jpg
color: red
background-image: URL(image/obrazek.jpg); background-color: red;
I teraz jeżeli ustawimy powtarzanie w taki sposób by były luki pomiędzy tłem to tam pojawi się czerwony...

Drugi przykład już rozpracowałem ale pierwszzy.... pomocy!



Z tego co mi wiadomo, tło może być oparte tylko na jednym obrazku ;/

Może i by się to udało zrobić przy pomocy tabel, ale byłoby koło tego trochę roboty ;)

N4EVER !!!!!!!!!!!! CZY JA MÓWIĘ...
że chce zrobić sobie tabelke a`la tło?
Wyraźnie mówię o BACKGROUND`zie!!!!!!!



Nie da się zrobić dwóch image na jednej warstwie.... Jeżeli nie chcesz korzystać z tabel,divów itp. to jedyny sposób na to to połączenie tych obrazków w jeden obrazek.. Innego sposobu nie widze

@damian-pc napisz konkretnie jak to sobie wyobrażasz albo najlepiej przygotuj przykładowy obrazek z wymaganym przez Ciebie wyglądem. Bo to tak jakbyś chciał pomalować cały samochód na zielono i na niebiesko i żeby oba kolory były widoczne :|

Bez dodawanie divów nie uda Ci się osiągnąć takiego efektu. Jeżeli ustawisz background-image 2 razy w jednej klasie to parser najpierw odczyta 1 obrazek, a potem 2 wyświetlając 2. Z tego co narazie rozumiem to kod powinien wyglądać mniejwięcej tak:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Przykład</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"> <style> body{ margin: 0; text-align: center; } div#tlo1{ position: absolute; top: 0px; left: 0px; /*background-image: url();*/ background-color: red; repeat: repeat-x; height: 300px; width: 100%; z-index: 0; } div#tlo2{ position: absolute; top: 300px; left: 0px; /*background-image: url();*/ background-color: blue; repeat: repeat; height: 100%; width: 100%; z-index: 0; } div#all{ position: relative; top: 20px; background-color: green; width: 600px; margin: 0 auto; z-index: 1; } </style> </head> <body> <div id="tlo1"></div><div id="tlo2"></div> <div id="all"> Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br> Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br> Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br> Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br>Treść strony<br> </div> </body> </html>

a bym sobie zrobil normalna tabelke z 2 wierszami jako tlo i div ktory bylby pozycjonowany bezwzglednie dzieki czemu nie zawieralby sie w zadnej z tabelek tylko bylby osobna warstwa do ktorej wrzucalbys reszte


a bym sobie zrobil normalna tabelke z 2 wierszami jako tlo i div ktory bylby pozycjonowany bezwzglednie dzieki czemu nie zawieralby sie w zadnej z tabelek tylko bylby osobna warstwa do ktorej wrzucalbys reszte

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.