Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Laatikko sivun reunaan

Juhku [03.11.2014 15:11:20]

#

Moi!

Tuota olen kokeillut saada sivun tyjiin reunoihin sellaisia erillisiä kuvia ja tekstiä niitten alle. Siis siten, että vasemmalla ja oikealla reunoilla (taustakuvan päällä) olisi kuva ja teksti sen alla. Mitenkä ihmeessä tämä onnistuu?
Olen kokeillut siten, että lisäsin sivun alle ennen bodya listan ja nostanut sen sitten muun sisällön päälle, mutta tämä ei oikein toimi.... vinkkejä?

TuomasK [03.11.2014 15:28:17]

#

Bodyn ulkopuolelle et voi laittaa mitään sisältöä. Erilliset tekstit/kuvat saa tehtyä CSS:llä.

#laatikko {
  position: fixed; /* Jos haluat laatikon pysyvän paikallaan sivua rullatessa
    TAI  */
  position: absolute; /* Laatikko liikkuu muun sivun mukana */

  right: 0px; /* Laatikko ihan kiinni oikeaan reunaan */
  top: 200px; /* 200px päähän sivun yläreunasta */

}

Laatikko voi olla esimerkiksi div-elementti jonka sisässä on kuva ja teksti

Juhku [03.11.2014 15:51:17]

#

Kiitosta, tuosta vinkistä oli TODELLA paljon apua.
Siis, en ole ennenkään laittanut bodyn jälkeen tarkoitis tälläistä,

/* Mun koodi */
</body>

No tämä valaisi asiaa ihan sikana, kiitos.

Vastaus

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

Tietoa sivustosta