MyCity » Web dizajn / HTML » Footer se ne pruža do kraja; pomoć pri skaliranju sajta

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

Napisano na dan: 14.5.2017

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

Idi na vrh

Poslao: 14 Maj 2017 15:21
Idi na vrh
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.
Poslao: 14 Maj 2017 15:41
Idi na vrh
offline
  • Milan
  • Pridružio: 17 Dec 2007
  • Poruke: 14828
  • 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.



Poslao: 14 Maj 2017 19:15
Idi na vrh
offline
  • Pridružio: 26 Feb 2006
  • Poruke: 217

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

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

MyCity » Web dizajn / HTML » Footer se ne pruža do kraja; pomoć pri skaliranju sajta

Ko je trenutno na forumu
 

Ukupno su 1162 korisnika na forumu :: 107 registrovanih, 13 sakrivenih i 1042 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 20624 - dana 04 Apr 2026 04:18

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: 357magnum, aca018, ALEXV, amaterSRB, amstel, Arhiv, Arsenije, asdfjklc, bakos022, Bbbggg1979, Belac91, Bo96, bojan_t, bokicacar, Bombona, Bosnjo, Botovac, BSD, Bubili, Bubimir, C-Gun, cenejac111, Chainsaw, CHARLIE JA., Ciri1994, coaa, cole77, dankisha, darionis, Dejan_vw, dejandr, Dogma21, DonRumataEstorski, Dovla 1980, DUSAN123, Folkstar, FOX, Georgius, gorval, gregorxix, hyla, igorkozar83, jaeger, Jakonjveliki, jalos, Jelly4183, Jose, Kajzer Soze, Komanca, Komentator, krasta, kybonacci, ladro, luka35, magyar, Manjane, Medojed, mercedesamg, MiljanXD, Mićko, Muki 123, N.e.m.a.nj.a., nebidrag, neko iz mase, Nemanja Opalić, nikolapetkovic, Nikoletina Bursac, novator, Ns1975, Ognjen D., paja69, Pancevac, Parker, pavle_pzs, pein, Polifon, proka89, raster12, Ray1973, Redred, royst33, ruso, samojednoimeznam, simicnenadbg, skok, SpaDej, suton, takini, Tas011, The Boss, The_new_Statesman, Topcider, Tragač, Trimi68, tritonus, Troja, Uros Cuore Sportivo, Vlad000, Vojo06, x9, YFSS33, zemljanin, ZetaMan, zexon, ziggga, zlizo, Zmaj Tolak