Warning: file_get_contents(http://graph.facebook.com/http://youthcoders.net/html-css/kurs-css/34-warstwa-do-warstwy-i-mamy-strone.html): failed to open stream: HTTP request failed! HTTP/1.0 403 Forbidden in /var/www/old-yc/plugins/content/addthis.php on line 38
Warstwa do warstwy i mamy stronę |
Wpisany przez Patryk yarpo Jar | |||
piątek, 18 września 2009 02:55 | |||
Warstwa do warstwy i mamy stronęOpisując pozycjonowanie powiedziałem, że warstwy "szybują". To chyba rzeczywiście dobre określenie. Ale skoro szybują, to powinny mieć - jak prawdziwe samoloty - możliwości latania na róznych wysokościach. I też takie możliwości mają! Zmień w pliku CSS:body { margin: 0; padding: 0; } div { margin: 0; padding: 0; border: 1px solid silver; position: absolute; } div#w01, div#w02, div#w03 { top: 5px; } div#w01 { left: 128px; width: 200px; height: 200px; background-color: silver; z-index:1; } // 1 div#w02 { right: 128px; width: 200px; height: 200px; background-color: silver; z-index: 2; } // 2 div#w03, div#w04 { left: 338px; right: 338px; height: 20px; background-color: gray; z-index:3; } // 3 div#w04 { top: 185px; z-index:4; } // 4 div#banner { top: 35px; left: 138px; right: 138px; height: 140px; z-index:10; } // 5 Opis: To już wszystko, co chciałem Ci pokazać na tej lekcji:-) Mam nadzieję, że rozumiesz na czym to polega. Jeśli nie - napisz do mnie czego nie rozumiesz, a spróbuję Ci pomóc oraz ewentualnie wprowadzic pewne poprawki do kursu. Tags:
|