Div ja taustakuva

Anteeksi, jos kysymys ei auennut, mutta kysyn mihin kohtaan divissä tuo taustakuva (background) laitetaan ja missä muodossa koko koodi tulee.
Noita kahta olen ainakin kokeillut tavallinen img src="kuva.jpg" toimii, mutta miksi en saa taustakuvaa näkymään?

Diveilija kirjoitti:

Anteeksi, jos kysymys ei auennut, mutta kysyn mihin kohtaan divissä tuo taustakuva (background) laitetaan ja missä muodossa koko koodi tulee.
Noita kahta olen ainakin kokeillut tavallinen img src="kuva.jpg" toimii, mutta miksi en saa taustakuvaa näkymään?

Lue lisää

Ei tuo koodi näytä tulevan, vaikka lisäsin sen tuohon ed. viestiin.

tai

eivät toimi??

Diveilija kirjoitti:

Ei tuo koodi näytä tulevan, vaikka lisäsin sen tuohon ed. viestiin.

tai

eivät toimi??

Ei noin. Täällä ohjeet miten taustakuva määritetään div:iin:

http://www.tutorialhero.com/tutorial-52-css_background_image_guide.php

juhakorkeapudas kirjoitti:

Ei noin. Täällä ohjeet miten taustakuva määritetään div:iin:

http://www.tutorialhero.com/tutorial-52-css_background_image_guide.php

Lue lisää

Esimerkkinä, css tyylein määritetty bodylle oma taustakuva ja leiska nimiselle diville oma taustakuva, huomaa että leiskan taustakuva tulisi olla samankokoinen kuin divikin, jonka saa muutettua myös. Lisäksi on css-komentoja, kuten background-repeat ja position.
(Esimerkistä ota pois nuo kaksoispisteet rivien alusta. Pistin ne jos tämä suomi24 sekoittaa muuten lauseet. En tiedä sekoittuuko)

:
:body {
: background-image:url(evilguymaccheese.jpg);
:}
:#leiska {
: background-image:url(IMG_3628.jpg);
: width:200px;
: height:200px;
:}
:

:
:
:
:

sfinski80 kirjoitti:

Esimerkkinä, css tyylein määritetty bodylle oma taustakuva ja leiska nimiselle diville oma taustakuva, huomaa että leiskan taustakuva tulisi olla samankokoinen kuin divikin, jonka saa muutettua myös. Lisäksi on css-komentoja, kuten background-repeat ja position.
(Esimerkistä ota pois nuo kaksoispisteet rivien alusta. Pistin ne jos tämä suomi24 sekoittaa muuten lauseet. En tiedä sekoittuuko)

:
:body {
: background-image:url(evilguymaccheese.jpg);
:}
:#leiska {
: background-image:url(IMG_3628.jpg);
: width:200px;
: height:200px;
:}
:

:
:
:
:

Lue lisää

Näköjään sekoittaa tekstin siten että ei näy kuin css pätkät:)

Tuon css koodin se näyttää kyllä.

Käytännössä body tagien sisään luot vain leiska nimisen divin.

sfinski80 kirjoitti:

Näköjään sekoittaa tekstin siten että ei näy kuin css pätkät:)

Tuon css koodin se näyttää kyllä.

Käytännössä body tagien sisään luot vain leiska nimisen divin.

Lue lisää

Nyt sain sen viimein toimimaan, kun kokeilin. jotain tein aiemmin väärin. Nyt ainakin sain koodin oikein ja se toimii. Nyt olen päässyt hyvin eteenpäin.