+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [HTML / CSS] Umieszczenie obrazkowego / skalowalnego footera na stronie. (/thread-html-css-umieszczenie-obrazkowego-skalowalnego-footera-na-stronie)
[HTML / CSS] Umieszczenie obrazkowego / skalowalnego footera na stronie. - ripi - 05-10-2012
Witam serdecznie!
Jestem początkującym webmasterem i od dłuższego czasu walczę ze stopką na stronie... Problem polega na tym, że footer docelowo ma być podzielony na trzy części (divy) : lewą, środek i prawą. Środkowa ma być nieruchoma i stała, lewa i prawa strona footera to obrazek, który ma się "przycinać" w zależności od tego jaką rozdzielczość ekranu ma użytkownik.
Może to nie jest najlepszy przykład ale chodzi mniej więcej o coś takiego jak zastosowane jest tutaj w logo i w stopce : http://www.prologue.ro/ ...
Próbowałem zrobić to na kilka sposobów, niestety wszystkie zawiodły i teraz mam niezły syf w kodzie, tak więc nawet nie wiem czy jest sens go tu wklejać.
Cała strona, jest wyśrodkowana - logo i content mają ustawione marginesy i duplikowanie tła w marginesach... tylko, że w przypadku tych marginesów jest to tło jednolite - a w przypadku footera jest to zdjęcie o nieregularnych kształtach.
W załączniku znajduje się zdjęcie które pokazuje mniej więcej o co chodzi.
Strona dostępna pod adresem: http://www.trenerdawid.pl/warsawcoach/index.html
Będę niezmiernie wdzięczny za pomoc!
Pozdrawiam,
Dawid.
PS. Wszystko było by fajnie w tej wersji do której wrzuciłem linka *W MOJEJ ROZDZIELCZOSCI* (http://www.trenerdawid.pl/warsawcoach/index.html) gdyby nie scroll który się włączna i jest duża biała przerwa po prawej stronie... a caly footer przyklejony jest do lewej strony / a docelowo środkowa część miałabyć zawsze na środku - a dwie boczne mialy się przycinać w zależności od rozdzielczosci / zoomu w przeglądarce... :/
PS2. Na obojętnie jakiej podstronie (poza stroną główną) widać tylko środkwą część footera, i miejsce w którym chciałbym aby się znajdowała.
RE: [HTML / CSS] Umieszczenie obrazkowego / skalowalnego footera na stronie. - camelrafal - 06-10-2012
po co ci 3 divy??
jeden o stałej szerokości + margin:0 auto; chyba wystarczy co??
dodaj do tego background-image i powinno wystarczyć
usun floata oraz pozycjonowanie absolutne z div#wawaDiv
usuń całkiem te dwa divy lewy i prawy w footerze
usun tez tą dziwną szerokość 19xx px coś tam coś tam
aby wycentrować zastosuj margin:0px auto; dla div#wawa_midDiv
i wstaw jak chcesz background-image dla body z tymi budynkami
ustaw background-position: center bottom; dla tego backgroundu i potem sie zgloś
PS i zrób sobie kopie zapasową najlepiej
RE: [HTML / CSS] Umieszczenie obrazkowego / skalowalnego footera na stronie. - hieroshima - 06-10-2012
ajajajajajaj menu na obrazkach.... i w dodatku bez sprita chociaż w tym przypadku to idiotyczne robić menu obrazkowe
RE: [HTML / CSS] Umieszczenie obrazkowego / skalowalnego footera na stronie. - ripi - 06-10-2012
(06-10-2012, 00:54)camelrafal napisał(a): po co ci 3 divy??
jeden o stałej szerokości + margin:0 auto; chyba wystarczy co??
dodaj do tego background-image i powinno wystarczyć
usun floata oraz pozycjonowanie absolutne z div#wawaDiv
usuń całkiem te dwa divy lewy i prawy w footerze
usun tez tą dziwną szerokość 19xx px coś tam coś tam
aby wycentrować zastosuj margin:0px auto; dla div#wawa_midDiv
i wstaw jak chcesz background-image dla body z tymi budynkami
ustaw background-position: center bottom; dla tego backgroundu i potem sie zgloś
PS i zrób sobie kopie zapasową najlepiej
Super ! Dzięki wielkie
Wszystko zrobiłem tak jak pisałeś, a oto i efekt : http://www.trenerdawid.pl/warsawcoach/index.html
Generalnie bomba, dokładnie o to chodziło - tylko mam teraz problem z tą "białą" linia na dole ekranu, nie bardzo wiem jak to cholerstwo usunąć, siedzę już nad tym jakiś czas... margin: 0 itd. nie pomaga...
W załączniku jest zdjęcie - na czerwono zmieniłem background-color znacznika "BODY" ...
chce wyeliminować tą linię na samym dole.
RE: [HTML / CSS] Umieszczenie obrazkowego / skalowalnego footera na stronie. - camelrafal - 06-10-2012
dodaj
Kod:
#skypedetectionswf{display:none;}RE: [HTML / CSS] Umieszczenie obrazkowego / skalowalnego footera na stronie. - ripi - 06-10-2012
(06-10-2012, 15:41)camelrafal napisał(a): dodaj
Kod:#skypedetectionswf{display:none;}
Dzięki wielkie
Rządzisz stary