Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[HTML / CSS] Umieszczenie obrazkowego / skalowalnego footera na stronie.
#1
Shy 
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.


Załączone pliki
.jpg   footer_ocb.jpg (Rozmiar: 261.66 KB / Pobrań: 2)
Odpowiedz
#2
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
Odpowiedz
#3
ajajajajajaj menu na obrazkach.... i w dodatku bez sprita chociaż w tym przypadku to idiotyczne robić menu obrazkowe
Odpowiedz
#4
(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 Smile

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" ... Wink chce wyeliminować tą linię na samym dole.


Załączone pliki
.jpg   body.jpg (Rozmiar: 58.14 KB / Pobrań: 0)
Odpowiedz
#5
dodaj
Kod:
#skypedetectionswf{display:none;}
Odpowiedz
#6
(06-10-2012, 15:41)camelrafal napisał(a): dodaj
Kod:
#skypedetectionswf{display:none;}

Dzięki wielkie Smile Rządzisz stary Smile
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak zrobć POP-UP w html/php i proste pytanko html? MrOMGWTF 7 5,561 01-05-2021, 10:56
Ostatni post: wozniak
  Jak zrobic Formularz Kontaktowy na stronie ? Kodarth 191 255,832 06-04-2021, 16:25
Ostatni post: zerin
  Strona HTML na zaliczenie - dodaj, usuń, edytuj Kurana 1 2,088 01-07-2019, 03:31
Ostatni post: mpire
  Weryfikacja zdjęć na stronie widzaceoko 0 1,703 19-02-2018, 02:26
Ostatni post: widzaceoko
  Obraz z kamery IP na stronie Maciek975 3 4,248 05-10-2017, 16:25
Ostatni post: Narind

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl