ďťż
Podstrony
|
telcocafeCzy 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 |
|||
Sitedesign by AltusUmbrae. |