|
Web dizajn Saveti u vezi dizajna sajtova |
|
Alatke vezane za temu | Vrste prikaza |
13.5.2017, 23:16 | #1 |
Starosedelac
|
Problem sa footerom i skaliranje sajta
Поздрав, људи!
Другар и ја смо одлучили да правимо фото-портфолио сајт да се мало вјежбамо, ја учим front-end (засад сам мало јачи почетник у HTML-у и CSS-у, JavaScript је у плану) а он back-end (засад PHP и MySQL). Иде нам релативно океј, с обзиром да нам је ово споредна активност поред студирања, али пошто смо њубови мало-мало налетимо на неки проблем који нам је мало теже ријешити Елем, налетио сам на проблем са футером, који изгледа овако: Поставио сам му width на 100%, али на лијевој страни остане пар милиметара на које неће да се прошири, и не знам како да ријешим то. Код који сам користио: Kod:
footer { text-align: center; background: #333; position: fixed; bottom: 0; width: 100% } Друго питање: Како да одрадим скалирање сајта да изгледа океј и у нижим резолуцијама и на телефонима? Не тражим да ми неко то одради, само да ми каже основе и да ме упути гдје да тражим И треће, бонус питање: Код Search форме, како да умјесто "Submit Query" дугмета одредим да буде сличица (лупа, на примјер)? Хвала унапријед! |
16.5.2017, 3:40 | #2 |
Veteran
Član od: 5.11.2005.
Poruke: 826
Zahvalnice: 177
Zahvaljeno 199 puta na 154 poruka
|
Re: Problem sa footerom i skaliranje sajta
1. Kad koristis "position: fixed;", element se pozicionira u ondosu na viewport (deo browsera koji prikazuje stranicu). Da bi koristio "width: 100%" mora da postoji roditeljski element (100% od cega?), a toga u ovom slucaju nema. Prouci pozicioniranje. Da bi postigao to sto zelis:
HTML kod:
footer { position: fixed; bottom: 0; left: 0; right: 0; } 3. Postavi sliku kao background (ako neces tekst, ostavi value prazno ili npr stavi "color: transparent;") HTML kod:
<input type="submit" value="go" style="background:url(/images/search-glass.png) no-repeat;"/>
|
Sledeći korisnik se zahvaljuje korisniku Remedy na korisnoj poruci: | ||
M1los (20.5.2017) |
16.5.2017, 16:54 | #3 |
V.I.P. Recenzent
Član od: 8.11.2008.
Lokacija: XV535
Poruke: 3.198
Zahvalnice: 767
Zahvaljeno 1.024 puta na 568 poruka
|
Re: Problem sa footerom i skaliranje sajta
1. Remedy objasnio
2. Kod upotrebe @media queries... Imaš lepo i prosto objašnjenje i na W3S ali vodi računa da ne zaboraviš na meta tag: Kod:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> 3. Isto tako Remedy objasnio. |
Sledeći korisnik se zahvaljuje korisniku Dekip na korisnoj poruci: | ||
M1los (20.5.2017) |
Bookmarks sajtovi |
Alatke vezane za temu | |
Vrste prikaza | |
|
|
Slične teme | ||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Problem sa prikazom sajta na IE | wulckdroff | Web razvoj | 3 | 26.6.2014 14:27 |
HP ProBook 470 - Problem sa grafickom Intel HD Graphics 4600 | Skiljk | Grafika | 2 | 5.5.2014 0:17 |
Problem (valjda) sa pločom | jonathan | Kvarovi | 21 | 28.2.2011 1:09 |
Problem sa novim HDD-om WD Caviar Green WD15EARS (potrebna strucna pomoc) | dzambo | Kvarovi | 18 | 27.2.2011 2:41 |
Nokia e71 i problem sa USB konekcijom | PsyDuck | Aparati i oprema | 5 | 1.12.2010 15:17 |