Koodailin nettisivun ja se oli suht onnistunut, mutta kun yritin liittää siihen suhteellisen pitkän tekstin niin taulukko leveni. Paras antaa esimerkki koodauksestani turhat härpäkkeet pois karsittuna:
Tämän sisällä oleva pitkä teksti leventää tämän taulukon muutamalla pikselillä.
Eli jotakuinkin noinikkaasti. Kun tuohon teksti kohtaan lisää taulukon niin molemmat taulukot kasvavat muutaman pikselin verran. Vikahan on siis tekstissä, sillä ilman sitä taulukot pysyvät normaalissa koossaan. Mutta miten sen tekstin saa olemaan kunnolla leventämättä div-juttua, joka taas leventelee taulukkoni?
Ja tuo teksti-div on taas koodailtuna omassa erillisessä tiedostossaan tälleensä:
#teksti {
width: 95%;
height; 100%;
margin-left: auto;
margin-right: auto;
margin-top: auto;
background-color: white;
font: 15px Arial;
padding: 5px;
}
Explorerilla tuo toimii ihan normaalisti leventelemättä toisin kuin Mozillalla.
Mikä neuvoksi?
Tämän sisällä oleva pitkä teksti leventää tämän taulukon muutamalla pikselillä.
Eli jotakuinkin noinikkaasti. Kun tuohon teksti kohtaan lisää taulukon niin molemmat taulukot kasvavat muutaman pikselin verran. Vikahan on siis tekstissä, sillä ilman sitä taulukot pysyvät normaalissa koossaan. Mutta miten sen tekstin saa olemaan kunnolla leventämättä div-juttua, joka taas leventelee taulukkoni?
Ja tuo teksti-div on taas koodailtuna omassa erillisessä tiedostossaan tälleensä:
#teksti {
width: 95%;
height; 100%;
margin-left: auto;
margin-right: auto;
margin-top: auto;
background-color: white;
font: 15px Arial;
padding: 5px;
}
Explorerilla tuo toimii ihan normaalisti leventelemättä toisin kuin Mozillalla.
Mikä neuvoksi?
Vastaukset 2
Vanhimmat
Et kai odottanut voivasi säädellä ulkoasua pikselintarkasti?
Miksi muuten näit vaivaa liittääksesi viestiisi jotain viitteellistä HTML:ää sen sijaan, että olisit kertonut URLin? Jos kerrot vain kuvitteellisen ongelman, ei oikeakaan vastaus auttaisi kuin siihen kuvitteelliseen ongelmaan.
Kannattaa aloittaa sivun suunnittelu alusta. Se on ehdottomasti helpompaa kuin korjailla tuollaista hässäkkää. Esimerkiksi yritys pakottaa leveys vähintään 900 pikseliksi on erittäin huono ajatus.
Ai niin, tervehdykset kannattaa jättää pois. Mahdollinen kävijä käyttää keskimäärin reippaasti alle kymmenen sekuntia sivun katseluun (ja sitten ehkä jatkaa, _jos_ jotain kiinnostavaa sattui silmään). Haluatko, että se aikaa kuluu tervehdyksen lukemiseen (tyyliin "terve tuloa mun kotska sivuille joissa on kaiken laista tosihienoa!!!", mainitakseni vain tyypillisen esimerkin, tarkoittamatta että tässä tapauksessa olisi kyse välttämättä juuri sellaisesta).
No eihän siinä mitään jos se ei olisikaan tasan 900 pixeliä vaan se mättää kun etusivulta siirtyy tekstisivulle, joka on leveämpi kuin etusivu. Pistää silmään kun siirtyy kapeammalta sivulta leveämmälle sivulle. Hienompaa olisi pitää ne yhtäläisessä leveydessään. Toisekseen en voi kertoa sivujeni osoitetta, sillä ne majailevat ainoastaan minun koneellani ja parilla levyllä varmuuskopioina.
Ja tuosta tervehdysteksistä vielä sen verran, että se on välttämätön nimittäin siinä on myös hieman sivujen esittelyä. Pitäähän kävijän tietää, että minkälaisilla sivuilla liikkuu. Minulla on tekeillä erittäin laajat sivut, joihin ei voi tutustua 10 sekunnissa mitenkään. Jos henkilöllä ei ole enempää aikaa niin se on hänen murheensa.