Hei!
Minulla on tälläinen ongelma: Olen laatinut perussivut XHTML ja CSS koodeilla, jokainen sivu on pohjaltaan samanlainen, mutta minulla on ns. info ja tuotesivuja.
Nyt pitäisi saada alaindeksi jokaiselle sivulle alareunaan, mutta jos se yhdelle sivulle sattuu oikein muilla sivuilla se on missä sattuu. Olen yrittänyt margineilla (margin-top) sitä säätää, mutta ei se kaikilla sivuilla voi olla sama.
Olen jopa tehnyt info ja tuotesivuille omat id.t alaindeksille, mutta siltikään se alaindeksi ei pysy oikeassa kohden. Sivuja on yhteensä 12 ja ongelma sivuja on 7, jotka ovat tuotesivuja, joilla kuvien yms. määrä vaihtelee.
Onko ainoa ratkaisu sätää CSS avulla jokaista sivua erikseen, se tuntuu kamalan työläältä.
Olisiko kellään viisaammalla neuvoa miten tämä ongelma saadaan ratkaistua?
Kiitos paljon avustanne taas!!!
Minulla on tälläinen ongelma: Olen laatinut perussivut XHTML ja CSS koodeilla, jokainen sivu on pohjaltaan samanlainen, mutta minulla on ns. info ja tuotesivuja.
Nyt pitäisi saada alaindeksi jokaiselle sivulle alareunaan, mutta jos se yhdelle sivulle sattuu oikein muilla sivuilla se on missä sattuu. Olen yrittänyt margineilla (margin-top) sitä säätää, mutta ei se kaikilla sivuilla voi olla sama.
Olen jopa tehnyt info ja tuotesivuille omat id.t alaindeksille, mutta siltikään se alaindeksi ei pysy oikeassa kohden. Sivuja on yhteensä 12 ja ongelma sivuja on 7, jotka ovat tuotesivuja, joilla kuvien yms. määrä vaihtelee.
Onko ainoa ratkaisu sätää CSS avulla jokaista sivua erikseen, se tuntuu kamalan työläältä.
Olisiko kellään viisaammalla neuvoa miten tämä ongelma saadaan ratkaistua?
Kiitos paljon avustanne taas!!!
Vastaukset 5
Vanhimmat
Onko jokaisen sivun tarkoitus olla rakenteeltaan (layout) samanlainen vai vaihteleeko palstojen määrä tms.?
Jos on tarkoitus olla samanlaisia niin vika on sivupohjassa (ts. jollakin sivulla on omia css-määrityksiä). Jos osa sivuista on tarkoituksella rakenteeltaan erilaisia, alaindeksi pitää tehdä poikkeaviin sivuihin erikseen joskin määritykset voi lisätä tyylitiedostoon.
Niin näillä ongelmallisilla tuotesivuilla ei palstoja ollenkaan, kuten Index sivulla on. Tuotesivuilla on vaan kuvia taulukossa ja taulukoiden korkeus vaihtelee eri sivujen kesken. Joten teen sitten erikseen näille määritykset CSS tiedostoon.
On vaan niin hankalaa kun 7 sivua ja jokainen vaatii omat määritykset alaindeksille, että se pysyy oikeassa kohtaa.
Sivupohjasta kannattaa tehdä kiinteä sikäli kun se on mahdollista. Tee siis kiinteän levyinen taulukko tai div jonka sisällä näytetään sivun sisältö. Alatunniste on sitten helppo asemoida eikä sen sijainti vaihtele eri sivujen välillä.
Mun mielestäni alaindeksi on se, kun rivillä on jokin merkki hieman muuta tekstiä alempana ja vähän pienempänä. Esimerkiksi H2O
Mutta itse ongelmaasi: määrittele se paikka absoluuttiseksi.
HTML:
qwertyu iopasdfgh jklöäzxcvbnm
CSS:
#alas {
position: absolute;
bottom: 10px;
left: 100px;
}
En oo aikoihin kirjottanu tänne, ni enhän mä muistanu ettei tää hyväksy tageja sellaisenaan tähän tekstikenttään. Koitetaas uudestaan:
Mun mielestäni alaindeksi on se, kun rivillä on jokin merkki hieman muuta tekstiä alempana ja vähän pienempänä. Esimerkiksi H2O
Mutta itse ongelmaasi: määrittele se paikka absoluuttiseksi.
HTML:
qwertyu iopasdfgh jklöäzxcvbnm
CSS:
#alas {
position: absolute;
bottom: 10px;
left: 100px;
}