teksti kahden taustan päälle

Käytän sivuilla kahta diviä joilla molemmilla on eri tausta. Ensimmäinen tausta venyy alaspäin sitä mukaa kun teksiä tulee ja toinen tausta on sitten heti sen jälkeen alapuolella. Pitäisi kuitenkin saada sivu toimimaan niin, että teksti menee molempien divien päälle sillä tavalla, että ylempi div venyy tekstin mukana ja alempi vain siirtyy sitä mukaa alaspäin kuin ylempi venyy.

.sivu #esim1 {
   padding: 0;
   background-image: url(images/tausta1.jpg);
   background-repeat: repeat-y;
   margin: 0;
}
.sivu #esim2 {
   padding: 0;
   margin: 0;
   background-image: url(images/tausta2.jpg) ;
}



Tähän nykysellään tulee kaikki teksti, mutta se pitäs muuttaa niin, että tekstiä tulee myös tuon esim2 kohdan päälle. Näinhän tämä ei onnistu, vaan se pitää tehdä jotenkin eri tavoin. Mikä se erilainen tapa sitten mahtaa olla??


Pitäisi siis tekstin tulla myös tämän päälle eikä jäädä vain esim1:n päälle. Miten tämän ongelman oikein voi ratkaista??
3414
Äänestä

Muut lukivat myös

Vastaukset 3

Vanhimmat

Osaako kukaan vastata tähän kysymykseen vai selitinkö vain kysymyksen liian vaikeasti?? Kai tuollainen on kuitenkin mahdollista tehdä?? Mutta miten?

Äänestä
  • Ongelma ei ole muiden osaamisessa vaan siinä, että kysyit huonosti, alkaen siitä, että URL puuttui.

    Äänestä

kaksi sisäkkäistä diviä, ulompaan tausta2, sisempään tausta1 ilman repeatia, ja kaikki teksti sisempään ?

Äänestä

Kommentoi aloitusta


AkeMake kirjoitti:

Käytän sivuilla kahta diviä joilla molemmilla on eri tausta. Ensimmäinen tausta venyy alaspäin sitä mukaa kun teksiä tulee ja toinen tausta on sitten heti sen jälkeen alapuolella. Pitäisi kuitenkin saada sivu toimimaan niin, että teksti menee molempien divien päälle sillä tavalla, että ylempi div venyy tekstin mukana ja alempi vain siirtyy sitä mukaa alaspäin kuin ylempi venyy.

.sivu #esim1 {
   padding: 0;
   background-image: url(images/tausta1.jpg);
   background-repeat: repeat-y;
   margin: 0;
}
.sivu #esim2 {
   padding: 0;
   margin: 0;
   background-image: url(images/tausta2.jpg) ;
}



Tähän nykysellään tulee kaikki teksti, mutta se pitäs muuttaa niin, että tekstiä tulee myös tuon esim2 kohdan päälle. Näinhän tämä ei onnistu, vaan se pitää tehdä jotenkin eri tavoin. Mikä se erilainen tapa sitten mahtaa olla??


Pitäisi siis tekstin tulla myös tämän päälle eikä jäädä vain esim1:n päälle. Miten tämän ongelman oikein voi ratkaista??

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu