Forum webmasterów

Witam zrobiłem wstępny projekt Layoutu, ale zastanawia mnie czy da sie takiego layouta wogole pociać i przygotować do uzytku. Wczesniej robiłem tylko proste strony i polegało to na wycieciu kawalka tła, logo, paska szukaj, menu głowne, srodkowe itd. tutaj tło jest juz jakby całym zdjeciem i na nim sa umieszczone te menu. Czy jest to mozliwe? i czy jest to trudne do wykonania? i czy jest tylko wymagana znajomosc XHTML I CSS czzy cos jeszcze?.

Link do zdjęcia: http://img193.imageshack.us/img193/5695/stronajs.jpg

ewentualnie cos takiego : http://img294.imageshack.us/img294/6154/strona2lk.jpg i po najechaniu na link 1, 2, 3 rozwijało by sie menu. Czy jest to wykonalne z takim tłem zeby wszystko wyswietlalo sie jak nalezy?.

oczywiście problemem jest zawsze rozdzielczość monitora użytkownika. Pytanie co chcesz zrobić gdy przekroczy ona szerokość twojego layoutu. Najprościej było by jakieś przejście gradientem w kolor np. czarny. można też rozciągnąc obrazek na cały ekran ale to rodzi kolejne problemy plus obrazek tła powinien być wtedy w raczej dużej szerokości.

Można spróbować walnąć tło do diva-matki. A potem odpowiedznio dopasować elementy z półprzeźroczystym tłem(oczywiście gdy wybierasz opcje bez skalowania tła strony).

Można też do konkretnych elementów na stronie użyć przeźroczystego png jako tło. Tu ie będzie twoim wrogiem, nie obsługując transparentnego png poprawnie. Istnieją pewne obejścia tego problemu ale każde z nich powoduje jakieś niepożadane działanie strony tudzież bugi. Co nie znaczy oczywiście, że konkretny bug musi pojawić się w twoim przypadku.

tu masz pare informacji na temat transparentnego png i fixów dla ie

http://www.smashingmagazine.com/2008/04 ... eb-design/
http://www.dillerdesign.com/experiment/DD_belatedPNG/
http://www.sohtanaka.com/web-design/png ... cy-in-ie6/
http://pique.pl/2008/07/17/ie-png-fix-wersja-2/
http://www.webm.ag/2009/12/05/ie6-fixes ... nsparency/

treść po angielsku

nietypowa jak na te czasy grafika
jesli chodzi o wycinanie, tu juz zaczyna sie wspolpraca z div-ami
a z tłem to wlasnie albo czarny gradient, albo mega szeroki obrazek