Eli tarvitsisin apua koodauksessa.
Ongelmat:
- Taustaväri pitäisi olla valkoisen sijasta #10161C
- Teksti on väärässä kohdassa, pitäisi saada se tuon valkoisen alueen sisään
- Alapalkin pitäisi olla ihan täysin alhaalla, eikä niin, että tuo taustakuva jatkuu sen alla
Sivut [url=http://aiwendil.webs.com/O.htm=help]täällä[/url]. (Kyseinen sivu on vain testi sivu)
Kiitos jos joku osaa auttaa! :)
Ongelmat:
- Taustaväri pitäisi olla valkoisen sijasta #10161C
- Teksti on väärässä kohdassa, pitäisi saada se tuon valkoisen alueen sisään
- Alapalkin pitäisi olla ihan täysin alhaalla, eikä niin, että tuo taustakuva jatkuu sen alla
Sivut [url=http://aiwendil.webs.com/O.htm=help]täällä[/url]. (Kyseinen sivu on vain testi sivu)
Kiitos jos joku osaa auttaa! :)
Vastaukset 12
Vanhimmat
Äh no empä linkatakkaan osannut. Tässä kuitenkin osoite: http://aiwendil.webs.com/O.htm
kannattaa ainakin ihan ekaksi tehdä erillinen css tiedosto eikä joka sivulle siihen html koodin sekaan. Joudut aina muuttamaan jokaiseen sivuun sen muutoksen erikseen. Helpompi muuttaa vain yhteen tiedostoon ja muutokset näkyvät kaikilla sivuilla...
sisalto diviin siis tuo margin, jospa auttaa kun laitat nollan perään sen px?
Ja samoin sisalto diviin lisäät tuon kohdan
background-color: #10161C;
ja ehkäpä ne kaksi eri sisalto diviä voisi myös yhdistää, eli kirjoita saman divin koodit samojen sulkeiden { ja } sisään...
Eli nyt koitin, px ei auttanut perässä mitään ja yhdistäminen vain sekoitti koodit ja muokkasi fontin tyyliasetuksia...
Haluaisitko sinä muokata lähdekoodia ja laittaa muokatun lähdekoodin tähän kommenttina? Veikkaisin, että se voisi tuottaa enemmän tulosta.
Taustaväri on todella simppeli asettaa: lisää CSS-koodiin
#sisalto { background: #10161C; }
Tosin sisältöä on sen jälkeen mahdotonta lukea. Haluat ehkä asettaa lisäksi esimerkiksi
#sisalto { color: white; }
Valkoinen mustalla on muuten luettavuuden kannalta iso ongelma. Sellaista harrastavat jostain syystä lähinnä sellaiset sivuntekijät, joilla ei ole hajuakaan siitä, miten sen aiheuttamia ongelmia voisi jotenkin ratkoa.
Tekstin ja palkin sijoittelu riippuu käytetystä frameworkista. Näyttää olevan jokin heebo tai meebo tai jotain sellaista. Opettele käyttämään sitä oikein. (Kun kaikki muu epäonnistuu, harkitse ohjeiden lukemista.) Tai harkitse jonkin muun, helppokäyttöisemmän välineen käyttöä. Esim. Microsoft Expression Web, joka taisi juuri muuttua maksuttomaksi.
”Ilmaisia” palveluja kuten Webs.com ei kannata käyttää edes kokeilu- ja opetteluvaiheessa. Ne suoltavat mukaan omiaa koodiaan, joka voi pahastikin sotkea asioita, myös kokeilua ja opettelua.
Koitan onnistuuko/osaanko. Minkä koodin laitan sitten muille sivuille, jotta ne ottavat sen css tiedosto kansion käskyt?
"Valkoinen mustalla on muuten luettavuuden kannalta iso ongelma. Sellaista harrastavat jostain syystä lähinnä sellaiset sivuntekijät, joilla ei ole hajuakaan siitä, miten sen aiheuttamia ongelmia voisi jotenkin ratkoa."
En tarkoittanut, että tekstit olisivat tummalla pohjalla vaan näin:
http://i47.tinypic.com/1zd419t.jpg
"Tekstin ja palkin sijoittelu riippuu käytetystä frameworkista. Näyttää olevan jokin heebo tai meebo tai jotain sellaista. Opettele käyttämään sitä oikein. (Kun kaikki muu epäonnistuu, harkitse ohjeiden lukemista.) Tai harkitse jonkin muun, helppokäyttöisemmän välineen käyttöä. Esim. Microsoft Expression Web, joka taisi juuri muuttua maksuttomaksi."
Ohjeita olenkin yrittänyt lukea ja ymmärtää. Tuo leiska koodi pohja on täältä:
http://www.menthal27.net/esimerkit/esimerkkeja-div-ulkoasuista/
Ja ilmaista palvelua käytän siksi, että se riittää minun tarpeisiini. Sivut ovat oman koirani ja ihan omaksi ilokseni.
Apua tarttisin edelleen. Anyone?
Ohjeita olenkin yrittänyt lukea ja ymmärtää. Tuo leiska koodi pohja on täältä:
http://www.menthal27.net/esimerkit/esimerkkeja-div-ulkoasuista/
Mikä noista on sul pohjana?
Tuo ulkoasu 6. :)
mulla olis Bootstrappiin kasattuna koirasivut jos joku tarvii iha ilmatteks :) .. eli oon vain bootstrap osia ym tunkenu siihe sinne tänne miten sattuu.. en ulkoasuu miettiny sen kummemmin .. eli bootstrap on semmottinen hässäkkä et sivut scaalautuu kännyköihin ja tabletteihi :D
Eli silleen että ne pienenee kännykän näyttöön esim? Miten sellasen voi asentaa ja käviskö se sama sitten tuohon mun ulkkaan? Toki voin ottaa sellaisen vastaan mikäli sitä tarkoitit. ;)
Apua tarvitaan edelleen!!
Hei nyt joku ihana auta!