Footer se ne pruža do kraja; pomoć pri skaliranju sajta

Footer se ne pruža do kraja; pomoć pri skaliranju sajta

offline
  • Pridružio: 26 Feb 2006
  • Poruke: 217

Поздрав, људи! Very Happy

Другар и ја смо одлучили да правимо фото-портфолио сајт да се мало вјежбамо, ја учим front-end (засад сам мало јачи почетник у HTML-у и CSS-у, JavaScript је у плану) а он back-end (засад PHP и MySQL). Иде нам релативно океј, с обзиром да нам је ово споредна активност поред студирања, али пошто смо њубови мало-мало налетимо на неки проблем који нам је мало теже ријешити Mr. Green

Елем, налетио сам на проблем са футером, који изгледа овако:



Поставио сам му width на 100%, али на лијевој страни остане пар милиметара на које неће да се прошири, и не знам како да ријешим то. Код који сам користио:

jsFiddle

За читав сајт сам одредио Container у виду DIV-а ширине 1000 пиксела, а footer сам ставио ван њега, директно у body.

Друго питање: Како да одрадим скалирање сајта да изгледа океј и у нижим резолуцијама и на телефонима? Не тражим да ми неко то одради, само да ми каже основе и да ме упути гдје да тражим Smile

И треће, бонус питање: Код Search форме, како да умјесто "Submit Query" дугмета одредим да буде сличица (лупа, на примјер)? Покушао сам неку фору што сам покупио на StackOverflow, да користим input type=image, али није упалио xD

Хвала унапријед!



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14809
  • Gde živiš: Niš

Što se tiče footer-a, odradi u pretraživaču Inspect element (desni klik na element, pa iz kontekstnog menija odaberi akciju) pa vidi koje sve vrednosti atributa ima, odnosno da li ima možda neku marginu ili nešto slično.

Što se tiče drugog pitanja, to što želiš se zove responsive design. Izguglaj malo, to je jako aktuelna tema danas, i ima mnogo o tome na netu.

Za submit dugmeta možeš da koristiš sličicu kojoj ćeš da definišeš onClick event handler. Mada, to je već JS. Možda postoji i neko drugo rešenje bez upotrebe JS-a, ali ni ovo nije ništa komplikovano.



offline
  • Pridružio: 26 Feb 2006
  • Poruke: 217

Хвала на брзом одговору Smile
За Responsive design и onClick ћу копати мало по нету, а за footer те нисам најбоље разумио. Погледао сам га преко Inspect, и нема никакве друге атрибуте осим ових које сам му одредио.

Edit: Ријешио сам проблем са футером. Додао сам линију
left: 0;
и више нема оне празнине. Рјешење је тако једноставно, и сад се осјећам таааако глупаво... Mr. Green

Ko je trenutno na forumu
 

Ukupno su 1313 korisnika na forumu :: 38 registrovanih, 2 sakrivenih i 1273 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 9k38, A.R.Chafee.Jr., Andrija357, Asparagus, Bobrock1, Brana01, bufanje, cvrle312, dika69, DonRumataEstorski, Dorcolac, DPera, drimer, FileFinder, galijot, gasha, Georgius, ikan, jackreacher011011, Karla, kjkszpj, Krvava Devetka, kuntalo, kybonacci, ljuba, mercedesamg, Milos ZA, nextyamb, Pakito93, Parker, raptorsi, SlaKoj, suton, Trpe Grozni, wolf431, YugoSlav, zlaya011, Zoca