Pozdrav!
Krenuo sam raditi web stranicu sa slijedećim rasporedom elemenata:
[img=http://s7.postimg.org/87fcqcwyf/nav1.jpg]
Dizajn ne bi bio responzivni i jedino bi navigacija imala width 100%, dok ostali elementi imaju dimenzije definirane u px. U navigaciji bi se na jednoj strani našli linkovi (facebook, twitter...), a na drugoj link za login stranicu.
Ovdje imam problema, kako te navedene linkove postaviti/pozicionirati da budu u ravnini s ostalim elementima bez obzira na veličinu monitora na kojem se prikazuju. Dakle da budu unutar crvenih isprekidanih crta na slici:
[img=http://s11.postimg.org/nbe3tzv9b/nav2.jpg]
Dakle, trebao bih dobiti nešto kao na Medveščakovoj stranici:
[img=http://s22.postimg.org/idvuk7zm5/nav3.jpg]
Kako postići tako pozicionirane elemente(linkove) u navigaciji?
CSS navigacijska traka
- poruka: 2
- |
- čitano: 916
- |
- moderatori:
Lazarus Long, XXX-Man, vincimus
- +/- sve poruke
- ravni prikaz
- starije poruke gore
Pozdrav!
Krenuo sam raditi web stranicu sa slijedećim rasporedom elemenata:
[img=http://s7.postimg.org/87fcqcwyf/nav1.jpg]
Dizajn ne bi bio responzivni i jedino bi navigacija imala width 100%, dok ostali elementi imaju dimenzije definirane u px. U navigaciji bi se na jednoj strani našli linkovi (facebook, twitter...), a na drugoj link za login stranicu.
Ovdje imam problema, kako te navedene linkove postaviti/pozicionirati da budu u ravnini s ostalim elementima bez obzira na veličinu monitora na kojem se prikazuju. Dakle da budu unutar crvenih isprekidanih crta na slici:
[img=http://s11.postimg.org/nbe3tzv9b/nav2.jpg]
Dakle, trebao bih dobiti nešto kao na Medveščakovoj stranici:
[img=http://s22.postimg.org/idvuk7zm5/nav3.jpg]
Kako postići tako pozicionirane elemente(linkove) u navigaciji?
trebaju ti dva div-a u navigaciji.. prvi ti je širine 100% da ti pozadina cijele navigacije bude kako želiš, a unutar njega staviš drugi div{width:širina_sadržaja px; margin:auto} i onda si staviš float za te elemente u navigaciji na koju stranu trebaš