Muistaakseni jollain css-määrityksellä sai tekstiin tulevan taustavärin määriteltyä niin, että se on ainoastaan tekstin (esim. otsikon) pituinen eli ei väritä koko palstan/sivun pituudelle. Saisihan tuolle tekstille määriteltyä pituuden, mutta aika hankalaa ruuvata pituus erikseen kuhunkin otsikkoon.
style="background-color: #ccc; ... joku: jotain..."
Tekstin pituinen taustaväritys
Thanksss
8
512
Vastaukset
- gdfgdhgfjhghjhk
jos kyseessä on teksti (p) niin
p.sini
{backraound-color: blue;}
sitten siellä tekstissä:
< p class="sini">teksti
ja noissa ekassa ja vikassa < merkissä ei oo välilyöntiä ennen p kirjainat eikä p kirjaimen jälkeen, mutta tämä s24 sotkee koodin...- j
Vaikka oikeinkirjoitus on pilkun viilausta, niin html ja css tageissa se pitää olla oikein, ei backraound-color vaan background
h1 {
background: #ccc;
display: inline-block;
}
p {
background: #ccc;
display: inline-block;
}
otsikko
tekstiä
Osaat sitten lisätä tohon tarvittavat html jne... jutut - gdfgdhgfjhghjhk
j kirjoitti:
Vaikka oikeinkirjoitus on pilkun viilausta, niin html ja css tageissa se pitää olla oikein, ei backraound-color vaan background
h1 {
background: #ccc;
display: inline-block;
}
p {
background: #ccc;
display: inline-block;
}
otsikko
tekstiä
Osaat sitten lisätä tohon tarvittavat html jne... jututherra on hyvä vaan ja kokeilee toimiiko tuo css koodillansa...
Tässä oikea malli:
h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}
ohjeet löytyy http://www.w3schools.com/css/css_background.asp asiantuntevalta sivulta... Jota kannattaisi lukea jos englanti taipuu kielenpäässä.... - j
gdfgdhgfjhghjhk kirjoitti:
herra on hyvä vaan ja kokeilee toimiiko tuo css koodillansa...
Tässä oikea malli:
h1 {background-color:#6495ed;}
p {background-color:#e0ffff;}
div {background-color:#b0c4de;}
ohjeet löytyy http://www.w3schools.com/css/css_background.asp asiantuntevalta sivulta... Jota kannattaisi lukea jos englanti taipuu kielenpäässä....Niin minun kirjoittama toimii juuri niinkuin kysyjä halusi. background-color:#6495ed; voidaan kirjoittaa lyhemmin background: #6495ed; lue linkittämältäsi sivulta kohta Background - Shorthand property, kannattaa lukea sivu jota linkittää ;)))
Saatoin kirjoittaa ehkä hivenen epäselvästi, tarkoitin nimenomaan tekemääsi kirjoitusvirhettä.
Laitan ne allekkain jotta huomaat mistä kyse. Ylemmästä selaimen css-tulkki antaa virheilmoituksen, eikä värjää taustaa.
backraound-color
background-color
Sekä h1, p ja div ovat lohko elementtejä, jolloin sinun koodillasi tausta värittyy koko selainikkunan leveydeltä, sitä kysyjä ei halunnut. Vaan tekstin pituinen taustaväritys, jolloin pitää asettaa inline tai inline-block kumpa sopii tarkoitukseen paremmin. Tämänkin olisit huomannut jos olit totellut ohjeitasi jo kokeillut koodiasi ;) - Thanksss
j kirjoitti:
Niin minun kirjoittama toimii juuri niinkuin kysyjä halusi. background-color:#6495ed; voidaan kirjoittaa lyhemmin background: #6495ed; lue linkittämältäsi sivulta kohta Background - Shorthand property, kannattaa lukea sivu jota linkittää ;)))
Saatoin kirjoittaa ehkä hivenen epäselvästi, tarkoitin nimenomaan tekemääsi kirjoitusvirhettä.
Laitan ne allekkain jotta huomaat mistä kyse. Ylemmästä selaimen css-tulkki antaa virheilmoituksen, eikä värjää taustaa.
backraound-color
background-color
Sekä h1, p ja div ovat lohko elementtejä, jolloin sinun koodillasi tausta värittyy koko selainikkunan leveydeltä, sitä kysyjä ei halunnut. Vaan tekstin pituinen taustaväritys, jolloin pitää asettaa inline tai inline-block kumpa sopii tarkoitukseen paremmin. Tämänkin olisit huomannut jos olit totellut ohjeitasi jo kokeillut koodiasi ;)Tuota "display: inline" hain ja toimii. Yksi erikoinen piirre siinä on nimittäin se poisti h3-tason otsikosta oletuksena olevat ylä- ja alamarginaalit, eikä vaikuta vaikka ne lisäisi erikseen (Selain: IE8). Sivumarginaalit toimii. Tällä kuitenkin pärjäillään.
... Thanksss ... - j
Thanksss kirjoitti:
Tuota "display: inline" hain ja toimii. Yksi erikoinen piirre siinä on nimittäin se poisti h3-tason otsikosta oletuksena olevat ylä- ja alamarginaalit, eikä vaikuta vaikka ne lisäisi erikseen (Selain: IE8). Sivumarginaalit toimii. Tällä kuitenkin pärjäillään.
... Thanksss ...Muuta inline -> inline-block niin toimii ylä ja ala marginaalitkin. Vain lohko elementeille voi määrittää ylä ja ala marginaalit, http://webdesign.about.com/od/htmltags/qt/block_vs_inline_elements.htm tuolla on hieman teksti ja lohko elementtien eroista. inline-blockin huonopuoli on se, että se vaatii vähintään IE 8 jotta toimii, muilla selaimilla toimii ongelmitta. Tosin jos huvittaa kikkailla niin http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ saa toimimaan vanhemmilla IE versioillakin.
"oletuksena olevat ylä- ja alamarginaalit"
Oletuksissa on se huonopuoli, että ne ovat eri selaimilla erillaiset. Siksi kannattaa käyttää esim http://meyerweb.com/eric/tools/css/reset/reset.css ja määritellä itse tarvitsemansa. Tähtikikkaa ei kannata käyttää vaikka onkin suosittu, koska se nollaa kaikki vaikka siihen ei ole tarvetta ja se teettää lisää työtä. - Anonyymi
j kirjoitti:
Muuta inline -> inline-block niin toimii ylä ja ala marginaalitkin. Vain lohko elementeille voi määrittää ylä ja ala marginaalit, http://webdesign.about.com/od/htmltags/qt/block_vs_inline_elements.htm tuolla on hieman teksti ja lohko elementtien eroista. inline-blockin huonopuoli on se, että se vaatii vähintään IE 8 jotta toimii, muilla selaimilla toimii ongelmitta. Tosin jos huvittaa kikkailla niin http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ saa toimimaan vanhemmilla IE versioillakin.
"oletuksena olevat ylä- ja alamarginaalit"
Oletuksissa on se huonopuoli, että ne ovat eri selaimilla erillaiset. Siksi kannattaa käyttää esim http://meyerweb.com/eric/tools/css/reset/reset.css ja määritellä itse tarvitsemansa. Tähtikikkaa ei kannata käyttää vaikka onkin suosittu, koska se nollaa kaikki vaikka siihen ei ole tarvetta ja se teettää lisää työtä.Käytä span-elementtiä
- j
Anonyymi kirjoitti:
Käytä span-elementtiä
Otsikot ovat h1 - h6 eivätkä mitään spaneja.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Vesikin maksaa, miksei hengitysilma?
Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial11566Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin
Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras921475Lahkokasteen ja kristillisen kasteen erot
Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks4221041Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä
Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva195924- 123832
Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."
Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt2777Kuka omistaa keltaisen vanhan aravan?
Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks29750Pirkanlinna yleisötapahtuma
Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks42741- 7714
- 60693