Hei minun CSS ei tule miten pitäisi/haluaisin tulevan. Eli lomakkeessa tulisi olla sininen tausta oranssin päällä ja reunoissa olisi oranssia. (Esimerkki: https://i.imgur.com/Mo6aokT.png ) Minun CSS ja HTML löytyy seura…
Hei! Jos sivuille on määritelty box-sizing: border-box ja se on periytynyt luokalle box-sizing: inherit. Luulin, että sen voi ohittaa näin: .class { box-sizing: content-box; } Mutta ei se näytä tekevän mitään, vaan tuo …
https://praybook2.blogspot.com/2021/08/css-box-shadow-button-shadow-has-no.html Huomaa miten suureksi ja kauos varjon voi saada elementistään, siis vain tyyliseikkojen tähden webbisivujen tekiät pitää sen lähellä.
Omat sivut HTML:llä tehneenä opettelen nyt CSS gridiä ja responsiivisuutta. Oppimista helpottaisi, jos saisi nähdä rivi riviltä koodin johonkin esimerkkiin, josta kävisi ilmi kaikki perusjutut: grid-template-area, auto-…
Miten CSS tai JS:llä saisi tehtyä taustakuvan sivuille siten, että kuva näkyisi kokonaan, jos ikkuna on tarpeeksi leveä ja kapeilla näytöillä kuvasta näkyisi tietyn pikselin ympäriltä kuvaa? Tarkoituksena olisi siis teh…
Tein kotisivuja osoitteeseen https://jaakkojseppala.github.io/ . Ne oli tehty valmiille pohjalle, jota muokkailin tarpeeseeni. Kuitenkin haluaisin tehdä pari muutosta sivuilleni: 1. Kuinka saisin ensimmäisen kuvan sella…
Yritän vääntää koodia, jolla saisin kuvaa hooveroimalla vasemmasta reunasta erilaisen efektin (popupin) ja oikeasta reunasta toisen. Onko mahdollista?
Olen 12-vuotias ja haluaisin pelata Counter Strikeä mutta vanhemmat eivät anna. Mitä pitäisi tehdä.
Minulla on pohjana min 640x480 ja max 1024x768 elementti. Tuo pitäisi saada jaetuksi 16 osaan, eli 4 riviä ja 4 saraketta. Leveyssuunnassa onnistuu, kun käyttää width:25%, mutta height:25% tekee vain todella ohuen viiva…
Yritän opetella html-kieltä. Olen W3-oppaan CSS-kohdassa. Ihmettelen hieman id- ja class-attribuuttien eroja, koska ne näyttävät toimivan aivan samalla tavalla. Sanotaan ettei id-attribuuttia saisi käyttää sivulla kuin …
Ohjelmoin yliopistossa CSS-laajennuksella aikoinaan sellaisella tekniikalla, missä pystyi tekemään ruudunkoolla jakolaskuja ja käyttämään muuttujia. Oli kätevä kun ohjelmoi webbi-sivuja joiden oli tarkoitus näyttäytyä f…
Eli onnistuuko pelkällä css sellainen että kun linkkitekstien päälle vie osoittimen, niin se lataa kuvan tiettyyn diviin?. Esim jos on valikko ja tekstit Pottu Porkkana Kaali, niin jokainen noista lataisi kuvan div loot…
Tunnetaanko CSS -määritteissä objektiperintää objektiorientoituneiden ohjelmointikielien tapaan? Ongelmana siis se, että vaikka jo BODY -elementille määritellään CSS:n avulla fontti, niin tuon BODY:n sisällä kun on vaik…
Hei! Olen laittanut suntuubi-sivuilleni CSS-koodin, ja nyt olen yrittänyt vaihtaa sitä toiseen, mutta vanha ulkoasu pysyy. Jos yritän muokata vanhaa koodia, mitään tuloksia ei näy! Miten tämä koodi voi näin mennä "jumii…
Tuossa otsikossahan se epäselvästi lukee. Eli miten saan tällaisen mouseclick eventin: Hiiren klikkaus kuvaan --> Videon pätkä näkyviin --> Siirtyy seuraavalle sivulle. Ideana siis tehdä nettisivusta talo, jonka ikkunoi…
Pitäisi saada kaikista kuvista neliöitä, niin että leikattu osa oli keskeltä: http://s26.postimg.org/3plhlrupl/crop.png Eli ihan sama onko kuva vaaka vai pystysuunnassa, siitä tulisi tuollainen neliö. Onko ideoita miten…
Elikkä pudotusvalikossa ois sellainen ongelma, että haluan pudotusvalikon neljän päävalikon olevan samankokoisia, (25% koska niitä on 4), ja haluaisin alavalikoiden olevan samankokoisia oman "äitivalikkonsa" kanssa. Sai…
Jos joku osaa kertoa, miten teen suntuubiin ns. vaihtuvan kuvalinkin, niin kiitos. Eli, kun hiiri on kohdistettuna kuvaan, kuva muuttuu erinäköiseksi. Suntuubissa css koodit laitetaan eri paikkaan kun html. Olen tehnyt …
minulla on teille tehtävä: Etsikää netistä ohjeita, joiden avulla muodostatte lyhyen ohjeen opastustilannetta varten. Teidän tehtävänne on opastaa minua tekemään elementin (kuvan) sijoittelua css-tiedoston avulla. Tehkä…
Minulla on ollut bloggerissa useita vuosia blogi jonka taustaa olen osannut muokata. Se on ollut html-muodossa jota ymmärrän jonkin verran. Nyt aloitin uuden blogin ja vilkaisin samaa vanhaa bloggerin simple-koodia. Se …