Teen sivustoa, joissa osalla sivuista on kaksi, osalla kolme palstaa. Miten palstajako merkitään CSS:ään? Eikö sitä voi laittaa jokaiselle sivulle erikseen?
Vastaukset 5
- Jaska Perusjaska
Annat palstalle arvon float:left, jolloin niiden pitäisi mennä vierekkäin, oli niitä sitten 2 tai 3.
Esim.
Eka palsta
Toka palsta
Kolmas palsta
.palsta { float:left; width:40em; }
.clear { clear:both }
Loput saat pähkäillä itse.- lissu
Ehkä en selittänyt asiaa selvästi. Kyllä minäkin tuon osaan, mutta paitsi palstojen lukumäärä, myös eri sivujen palstaleveydet ovat eri kokoisia. Esim. oikeanpuoleinen palsta on yhdellä sivulla leveä, toisella kapea ja kolmannella ehkä taas erilainen. Voiko niitä määrittää yhdellä CSS:llä?
- Jaska Perusjaska
lissu kirjoitti:
Ehkä en selittänyt asiaa selvästi. Kyllä minäkin tuon osaan, mutta paitsi palstojen lukumäärä, myös eri sivujen palstaleveydet ovat eri kokoisia. Esim. oikeanpuoleinen palsta on yhdellä sivulla leveä, toisella kapea ja kolmannella ehkä taas erilainen. Voiko niitä määrittää yhdellä CSS:llä?
Tuolla koodilla voit tehdä niin monta palstaa kuin haluat. Jokaisen palstan leveys pitäisi olla 50em. ja niitä ladotaan niin monta vierekkäin kuin selainikkunaan mahtuu.
Jos sinulla on jokin koodi, niin pistä näkyviin. Jokin siellä on mikä kumoaa normaalin asettelun. - lissu
Jaska Perusjaska kirjoitti:
Tuolla koodilla voit tehdä niin monta palstaa kuin haluat. Jokaisen palstan leveys pitäisi olla 50em. ja niitä ladotaan niin monta vierekkäin kuin selainikkunaan mahtuu.
Jos sinulla on jokin koodi, niin pistä näkyviin. Jokin siellä on mikä kumoaa normaalin asettelun.Ongelma on siinä että vierekkäiset palstat eivät saa olla keskenään samanlevyisiä samallakaan sivulla ja joskus palstajako muuttuu myös sivua alaspäin mentäessä tekstin ja kuvien koon mukaan. Lisäksi muilla sivuilla palstaleveys on taas erilainen sisällön mukaan.
Olen tehnyt sivut sellaisiksi, miltä haluan niiden näyttävän, mutta olen käyttänyt palstoitukseen taulukoita, mikä ei kuulemma ole kovin hyvä tapa.
Siksi halusin tietää, miten sellaisen sivun tekeminen onnistuu oikeaoppisesti ilman taulukoita. - Jaska Perusjaska
lissu kirjoitti:
Ongelma on siinä että vierekkäiset palstat eivät saa olla keskenään samanlevyisiä samallakaan sivulla ja joskus palstajako muuttuu myös sivua alaspäin mentäessä tekstin ja kuvien koon mukaan. Lisäksi muilla sivuilla palstaleveys on taas erilainen sisällön mukaan.
Olen tehnyt sivut sellaisiksi, miltä haluan niiden näyttävän, mutta olen käyttänyt palstoitukseen taulukoita, mikä ei kuulemma ole kovin hyvä tapa.
Siksi halusin tietää, miten sellaisen sivun tekeminen onnistuu oikeaoppisesti ilman taulukoita.No jos et anna palsta-diville mitään leveysmääritettä, se skaalautuu sisällön mukaan kuten taulukoiden solutkin.
Tosin tekstikappaleille täytyy ja kannattaa antaa jokin leveys divien sisällä.
Jos haluat, että palstoja on esim. kolmea eri kokoa, niin teet vain jokaiselle oman tyylin, jossa leveys:
.palsta1,
.palsta2,
.palsta3 {
float: left;
}
.palsta1 {
width: 40px;
}
.palsta2 {
width: 80px;
}
.palsta3 {
width: 120px;
}
Minun mielestäni tyylillisesti parempi ratkaisu olisi se, että sivuilla olevat palstat ovat yhtenäisiä niin ulkonäöltään kuin kooltaankin. Vaikka niitä olisikin muutama erilainen.
Kun palstojen koot ovat suhteessa toisiinsa (kuten esim.), niitä saa nätisti ladottua melkein miten päin tahansa ja reunojen tasaukset säilyvät siisteinä.
Esim.
1 1 1 palstaa
alapuolella 2 1 palstaa
alimpana 3 palsta
En ole tosin nähnyt tekemääsi sivustoa, enkä varsinaisesti vieläkään tiedä mitä haet, mutta itse yrittäisin ratkaista asian näin.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Venäjä alkaa iskemään Suomen politiikkaan.
Tässä on valtion ja koko länsiliiton päämiehet varoitelleet, että Venäjä alkaa talven aikana taas iskemään hybridisesti.139835Muistelen lämmöllä
Se oli vaikein päätös, jonka olen joutunut tekemään. En pidä valehtelusta, mutta näin sait päätöksen asioille. Rakasti48652- 70629
- 81571
- 39529
- 46510
Jos olen aiheuttanut pahaa, pyydän anteeksi
Jos olen omalla kirjoittelullani aiheuttanut täällä jollekin pahaa mieltä tai sotkenut asioita, niin pyydän sitä anteeks64489Uskon, että saataisiin kaikki selvitettyä
Mutta yhteys on jäissä, minä olen jäässä, enkä osaa tai uskalla enää lähestyä. Se vaan on niin. Naiselta Jos ei ole hyvä36485- 21478
- 94472
Teinipersu Bergbom lupasi ensimmäisenä euron bensaa
Teinipersu julkaisi Tiktok-videonsa marraskuussa 2021. Videolla Bergbom viittaa bensan hintoja esittelevään kylttiin ja265462Vaihdevuodet ja psykoottinen käytös
Estrogeenilla on suora yhteys aivojen välittäjäaineisiin, erityisesti serotoniiniin, joka säätelee mielialaa, impulssiko37411Onko se loukkaavaa jos pelkkä seksi kiinnostaa?
En tiedä olisiko meillä muuta yhteistä edes. En kyllä oikein osaa nähdä meitä menemässä naimisiin, paitsi ehkä jossain U35403- 21402
Timo Vornanen.
On siinäkin yksi täystampio. Eipä ihme, että persukannattajat sen eduskuntaan äänestikin.25397Luottamus
Luotan vain siihen mitä tapahtuu IRL. Anonyymipalstan vihjailut eivät merkitse minulle mitään.86396Sofia ja Jeffrey yhdessä
Sofia julkaisi instassa kuvan hänestä ja Jeffreystä kuvan, taustalla soi Happy birthday biisi ja Jeffrey kasvot peitetty80395Joka ilta mietin
sua❤️Mitä teet, missä meet? Kaipaatko yhtään? Yön tullen toivotan mielessäni sulle hyvää yötä ja aamuisin huomenet. Joka24386- 13385
- 29374