Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: CSS: Navbar ongelma

ilkkapeltola [24.11.2013 16:59:28]

#

Moro, elikkäs
fiksattu navigaatio-baarini, joka on kiinnitetty sivun yläreunaan, jää sisältötekstin/laatikon alle rullatessa. Haluaisin, että navbar olisi päällimäisenä. Laitan koodeistani kopiota tarvittaessa.

p99o [24.11.2013 17:24:10]

#

#navbar {
z-index:10;
}

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_zindex

Mod. lisäsi kooditagit!

-tossu- [24.11.2013 17:36:57]

#

Yleisenä ohjeena voin antaa muita elementtejä suuremman z-index arvon asettaminen naville. Se ei kuitenkaan ratkaise ongelmaa joka tilanteessa.

Laita vaan ne lähdekoodit näkyville, niin ei tarvitse arpoa.

ilkkapeltola [24.11.2013 17:40:02]

#

z-indexilä sain jo setvittyä ongelmani, kiitos !

reca [25.11.2013 11:28:39]

#

Kannattaa myös laittaa kyseinen elementti sivun loppuun (jos mahdollista), jolloin se on "automaattisesti" päälimmäisenä.

vesikuusi [25.11.2013 13:42:20]

#

Minusta kuulostaa aika hassulta laittaa elementti sivun loppuun, jos se kuitenkin rendataan yläosaan. Oletuksena tietenkin, että se sinne ylös rendataan.

Merri [25.11.2013 17:22:20]

#

Sivun rakenteen kannalta varsinaisen sisällön tulisi tulla mahdollisimman pian sivun alussa. Yläpalkit, sivupalkit ja muut on yleensä vain toissijaista sisältöä ja ne ovat kävijän kannalta epäolennaisempia. Google taitaa myös yhä edelleen antaa enemmän arvoa sivun alussa olevalle sisällölle, joskin edellisestä lukukerrasta tämän asian osalta on ehtinyt vierähtää aikaa.

Tulevaisuudessa flexboxin kanssa voi siirrellä elementtejä sivulla miten lystää. Tai voi sitä varmaan käyttää jo nykyään jos jaksaa huolehtia taaksepäinyhteensopivuuksista.

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta