Eli haluaisin kysyä aivan yksinkertaisen jutun. Olen hankkinut käyttööni valmiin sivupohjan, johon olen lähtenyt sitten lisäilemään/sijoittamaan omaa kuvitustani, värejäni sun muuta. Ainoa ongelmani on, etten tiedä millä saisin muutettua sivupohjaa, siis sitä kehyksetöntä valmista pohjaa keskellä sivustoani, johon tekstejä, kuvia sun muuta lisäillään. Sivupohja on täysin valkoinen ja haluaisin edes hieman muttaa väritystä tummemmaksi, tai parhaassa tapauksessa jopa lisätä kuvapohjan siihen. En vain löydä paikkaa, missä tämä määritellään.Auttakaa hieman. LAitan tähän linkkinä nuo css-tiedostot, joita sivustolta löytyy. Kuvapolut ja muut värikoodit ovat päin persettä, joten ei kannata niihin kiinnittää huomiota. Osoittakaa vain tuo pohja..! Löytyykö näistä edes sitä, itse sivukoodista jossa viitataan css-tiedostoihin ei sitä mielestäni ole. Kyselen jatkossa hieman lisää, jos joku löytää ratkaisun!! http://www.cc.puv.fi/~e0400741/auttakaa/menu2.css http://www.cc.puv.fi/~e0400741/auttakaa/printtaus.css http://www.cc.puv.fi/~e0400741/auttakaa/sivunhaltija.css http://www.cc.puv.fi/~e0400741/auttakaa/sivupohja2.css
Se on varmaan tuo sivupohja2.css filu ja siinä tuo body tagi ja sitten sinne sisään background-color: kohta jos taustaväriä haluaa muokata.
Olen yrittänyt sijoittaa kaikkiin kohtiin uutta väriä nähdäkseni muuttuuko sivupohja, mutta valkoisena pysyy. Kuten huomaat, niin missään ei ole enää värikoodia valkoiselle -#FFFFFF; En osaa kyllä pähkäillä sen paremmin. ----------------------------------- /* SOURCE ORDER COLUMNS */ #ContentArea { display: block; position: relative; width: 700px; margin: 0; padding: 0; --> background-color: #fff; <-- overflow: hidden; Ei perhana. Siellä se lymyili piilossa! Kiitosta vaan, tuli todella tarpeeseen!!
Samainen koodipätkä oli vielä jokseenkin suuressa roolissa jatkossa. Lisäsin background-colorin alle erillisen background-imagen saadakseni tekstikehykseen taustakuvan. Homma toimi aivan normaalisti/loistavasti explorerilla (oletusselain frontpagessa), mutta tsekatessani netissä sivut Firefoxilla (jota käytän surfatessa) puuttui kyseinen taustakuva kokonaan. Explorerissa ei ollut mitään ongelmaa. Umpimähkään kokeilin vain jotain ja otin tuon overflow;hidden- kohdan pois ja kuvasta näkyi nyt puolet. Määritin vielä koodiin erikseen height-ominaisuuden ja sain homman toimimaan Mozillassakin. Ongelmaksi vain muodostui, että minun piti kokeilemalla kasvattaa taustakuvan kokoa (890px), jotta kuva ei lähtisi toistamaan itseään uudestaan (kun koko oli esim. aluksi 1000px). Jollain ammattimaisemmalla ratkaisulla toimisi ehkä paremmin vai(ko) ei(kö)?
background-repeat: no-repeat; ja background-attachment: fixed; jos haluat että kuva pysyy paikallaa sivua scrollatessa. http://www.w3schools.com/css/css_background.asp
Erinomaisia vinkkejä kyllä!! Kiitos paljon!! Jos saan vielä häiritä..eli kuinka saan määriteltyä valokuvaan, jossa on logo, mutta piilotettu Css-tyylikoodiin linkiksi. Normaalistihan sen saisi tehtyä tuolla hotspotilla, mutta miten tämmöisessä tapauksessa? Pystyykö photoshoppi tekemään sen, vai onko tähän olemassa jokin aivan yksinkertainen keino??
Vielä semmoista kysymystä, että olen muodostanut yhden sivuni kehyksettömästä tekstikehyksestä ja kehyksen ylälaidassa on iso kuva, jossa logo. On piilotettu CSS:sään. Kuva toimii aivan erinomaisesti lähes 95% näyttöjä, mutta isommissa näytöissä tulee pieni kauneusvirhe(tai aika isokin). Kuva koostuu kahdesta kuvasta, vasen puoli on isompi-kuvasta siis 3/4 ja oikea puoli tuon loppuosan 1/4. Isolla näytöllä ongelma piilee siinä, että kun näyttö leviää, niin 3/4 pysyy paikallaan, mutta tuota viimeistä neljännestä näyttö lähtee monistamaan täyttääkseen kuvaruudun normaalisti. Miten saisin asetettua koodini niin, että tätä ongelmaa ei tapahtuisi? Tässä näiden kahden kuvan määrittelyt: #pageHeader h1 { width: 100%; height: 100%; background: transparent url(http: // vasensivu-eli se 3/4.jpg) no-repeat; --------------------------------------------------------------------- #pageHeader { margin: 0; background: #000 url(http: // oikeasivu-eli se 1/4.jpg); height: 462px; Pitääkö määritellä repeattia, vai noita prosentteja?
#pageHeader { margin: 0; background: transparent url(http://www./oikeasivu.jpg) no-repeat; height: 100%; } Näin määrittelin. Ei tapahtunut mitään. Width?
Autaisko tämä: Esim. body{ background: #F5F5F5; color: #222; font-family: Arial; font-size: 11px; line-height: 135%; margin: 0px; padding: 0px; text-align: center; } Varmaan osaat värikoodit yms. Onks sulla *.css erillisenä tiedostona vai koodi sivustolla? (En lukenut koko juttua).. EDIT: Tai taustakuva. Esim. body { background-image: url(http://www.xxxxx.com/kuva.jpg); }
Ööh, jos nyt lukisit tuon topicin vaikka alusta alkaen, en oikein ymmärtänyt vinkkejäsi. Värien kanssahan minulla ei ole mitään säädettävää/ongelmaa..? Ongelmani on tuon otsikkokuvan kanssa, kun en saa sitä säädettyä isolla näytöllä screenille, siis venytettyä. Eli tämän hetkinen ongelmani suoraan copy-pastena ylemmästä kohdasta: Vielä semmoista kysymystä, että olen muodostanut yhden sivuni kehyksettömästä tekstikehyksestä ja kehyksen ylälaidassa on iso kuva, jossa logo. On piilotettu CSS:sään. Kuva toimii aivan erinomaisesti lähes 95% näyttöjä, mutta isommissa näytöissä tulee pieni kauneusvirhe(tai aika isokin). Kuva koostuu kahdesta kuvasta, vasen puoli on isompi-kuvasta siis 3/4 ja oikea puoli tuon loppuosan 1/4. Isolla näytöllä ongelma piilee siinä, että kun näyttö leviää, niin 3/4 pysyy paikallaan, mutta tuota viimeistä neljännestä näyttö lähtee monistamaan täyttääkseen kuvaruudun normaalisti. Miten saisin asetettua koodini niin, että tätä ongelmaa ei tapahtuisi?
Onko sen pakko olla *.css-tiedostossa? Voisit päästä ongelmasta helpommin. Tuo on sen verran paha ongelma, että osaakohan aD:n adminitkaan vastata siihen..
No ei ole tietenkään pakko, mutta olisi mukava löytää toimiva ratkaisu ongelmaan..yksi ratkaisu olisi tietysti muokata tuosta oikeasta kuvasta semmoinen, että sen toistumisessa ei ole merkitystä, sama tausta siis toistuisi edelleen, mutta kun ei niin huvittaisi asiaa ratkaista.. Paska juttu. Pitääpä kokeilla lisätä normaaleina kuvina..
