Taustakuvan keskitys CSS:llä

tempukka.net

Niin...

Eli tuollanen ongelma olis. 1500px leveä ja 15px korkea liukuvärikuva pitäs saada taustalle nettisivuihin. Kuva pitäs saada keskitettyä. Esimerkki sivun tausta:

www.teippari.com

Eli html:n sekaan css-koodia. Millasella koodilla tapahtuu?

8

3720

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • aaH

      Omalla koneellani ainakin tuo näyttäisi olevan oikein. Eli tuo kaikista vaalein kohta keskellä sivua. Jos se siis oli tarkoituksena?

      Kokeilin vielä kahdella eri resoluutiolla ja molemmilla näytti menevän oikein.

    • aaH

      Vai oliko tuo sivu vain esimerkkinä siitä, minkälainen sen tulisi olla?

      body {   background-image: url(kuvat/pohja_tile.jpg);
         background-color:#0D5580;
         background-repeat:repeat-y;
         background-position:center;
      }

      Tuollainen koodi on kyseisellä sivulla. Luultavasti haet tuota background-position:center -koodia.

      • tempukka

        Jep. Eli esimerkkinä oli miten pitäs olla. Tuo css-koodi oli kyllä tiedossa, mutta kuinka sen saa html-yhteyteen niin se on pikkasen hämärää. Eli html:n sekaan tekemättä erillistä css-tiedostoa.


      • css html:n "sekaan"
        tempukka kirjoitti:

        Jep. Eli esimerkkinä oli miten pitäs olla. Tuo css-koodi oli kyllä tiedossa, mutta kuinka sen saa html-yhteyteen niin se on pikkasen hämärää. Eli html:n sekaan tekemättä erillistä css-tiedostoa.

        div.esimerkki {margin: 10px;}


        Huhuu!
        Huhuu 2!


      • aaH
        tempukka kirjoitti:

        Jep. Eli esimerkkinä oli miten pitäs olla. Tuo css-koodi oli kyllä tiedossa, mutta kuinka sen saa html-yhteyteen niin se on pikkasen hämärää. Eli html:n sekaan tekemättä erillistä css-tiedostoa.

        Eli laitat siit tuon kyseisen koodin style-tagien sisään ja head-osaan.

        Käytännössä näin:

        ...


        koodia


        ...


      • lkfjgdljgdfglkd
        aaH kirjoitti:

        Eli laitat siit tuon kyseisen koodin style-tagien sisään ja head-osaan.

        Käytännössä näin:

        ...


        koodia


        ...

        Juu, eli kaks vaihtoehtoa on. Joko sinne head -osioon, jolloin tulee toi type="text/css" mielellään tai sit tagin sisään, jolloin ei mitään tagia tarvita, vaan se on attribuuttina.


        div.esimerkki {margin: 10px;}


        Huhuu!
        Huhuu 2!


      • tempukka
        lkfjgdljgdfglkd kirjoitti:

        Juu, eli kaks vaihtoehtoa on. Joko sinne head -osioon, jolloin tulee toi type="text/css" mielellään tai sit tagin sisään, jolloin ei mitään tagia tarvita, vaan se on attribuuttina.


        div.esimerkki {margin: 10px;}


        Huhuu!
        Huhuu 2!

        Juu...

        Tuollasen koodin sain väsättyä ja muuten toimii, mut taustan molemmille reunoilla ja ylhäällä on n.10 px leveät valkoset reunat.


        div.tausta
        {
        background-image: url('tausta1.png');
        background-repeat:repeat-y;
        background-position: center 50%;
        }


         

        Kuinka nuo kehykset saa heivattua pois niin, että taustakuva alkas ihan äärivasemmasta päättyen äärioikealle? Eli taustan pitäisi olla koko näytön suuruinen.


      • aaH
        tempukka kirjoitti:

        Juu...

        Tuollasen koodin sain väsättyä ja muuten toimii, mut taustan molemmille reunoilla ja ylhäällä on n.10 px leveät valkoset reunat.


        div.tausta
        {
        background-image: url('tausta1.png');
        background-repeat:repeat-y;
        background-position: center 50%;
        }


         

        Kuinka nuo kehykset saa heivattua pois niin, että taustakuva alkas ihan äärivasemmasta päättyen äärioikealle? Eli taustan pitäisi olla koko näytön suuruinen.

        Jostain syystä, jos laittaa "pohjaksi" div-elementin, niin se tekee vasemmalle ja oikealle juuri tuollaiset n.10px reunukset. Jos mahdollista, niin laita tuo taustakuva body-elementtiin. Tai sitten negatiivisella marginaaleilla korjaat nuo reunukset.

        div.tausta { ...
        margin-left: -10px; }


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Mietitikö nainen koskaan

      Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.
      Ikävä
      115
      1659
    2. Olisi hauska tietää

      Koska huomasit pitäväsi minusta? Itse taisin ihastua sinuun heti silloin kun tavattiin ensimmäistä kertaa. Miehelle, jon
      Ikävä
      61
      1076
    3. Marin on ehkä maailman kaunein "Nelikymppinen"

      Marinin julkaisu on saanut yli 68 500 tykkäystä. Postauksen kommenttikentässä ylistetään paljon Marinin kauneutta, jota
      Maailman menoa
      141
      1007
    4. Apua. Onks mä jotenki erikoinen ?

      Oon ihastunu paljon vanhempaan mieheen.
      Ikävä
      96
      870
    5. En kelpaa sinulle

      Varattuna - olen sinulle ongelma. Eroaminen vuoksesi voi olla turhaa, sillä me ei puhuta, kun olen varattu ja kumpikin v
      Ikävä
      74
      867
    6. Vernu Vasunta

      On mahotonta miten marjanpoimijoita on kohdeltu! Eikö paremmalla kohtelulla olisi saanut paremman tuloksen?
      Suomussalmi
      22
      842
    7. Minun on vaan päästettävä irti

      Toiveesta. Satutan vain itseäni😥😔. Toivon sinulle pelkkää hyvää, eläthän elämäsi parasta aikaa, mutta en halua enää k
      Ikävä
      36
      812
    8. Kertoisit jo

      Rakastatko minua vai olenko käsittänyt väärin onko tämä vaan ystävyyttä tai kaveruutta? En haluaisi enää nolata itseäni
      Ikävä
      42
      739
    9. Taidat vanhempi nainen

      Haluta sen tien itsellesi. juokse vaan karkuun ! Pahentaa vaan asiaa.Pitäs toimia ihan toisin päin
      Ikävä
      60
      735
    10. En koskaan saanut asiattomia kuvia!

      Silloin kun olin vielä nuori, kukaan mies ei koskaan lähettänyt minulle asiattomia kuvia itsestään. Jos tiedätte mitä ta
      Sinkut
      156
      701
    Aihe