Eli onko jossain esimrkkiä miten laatikon saa kehystettyä jollain jatkuvalla kuvalla. Myös vanhemmilla selaimilla jotka eivät tue boreder-image toiminnallisuutta. Jos haluaa esim. jonkun jatkuvan kuvion tai jonkun joka kiertää laatikkoa. Olen nähnyt pari esimerkkiä, mutta sellainen sivu olisi jees jossa selitettäisiin asia ns. auki. Tarkoitus olisi kehystellä dynaamista laatikkoa joka venyy ainakin pituus suunnassa.
Laatikon kehystäminen
kuvilla
2408
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 2
Vanhimmat
Tee div-laatikko ja sen ympärille (vas, oik, ylä, ala) neljä div-laatikkoa, tee kuvat ja laita ne taustakuviksi.
Kaksikin diviä riittää, jos tapaus on riittävän yksinkertainen - kuva toistuu samana kaikilla reunoilla, esim:
div.outer {
padding: 10px; /* reunan leveys */
background-image:url('bgdesert.jpg')
}
div.inner {
padding:20px;
background:white;
}
... sisältö
... koodin voi pastata sellaisenaan tuonne: http://www.w3schools.com/CSS/tryit.asp?filename=trycss_background-image