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!!!
CSS ja alaindeksi
5
495
Vastaukset
- juhakorkeapudas
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.- Alaindeksi
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. - juhakorkeapudas
Alaindeksi kirjoitti:
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;
}
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Kelekkakisat
Mikä vakava onnettomuus sattunut kisoissa. On peruttu koko kisat. Pelastuskopteri näytti käyvän paikalla.105236- 852875
- 462772
Pitäis vaan lopettaa
Sinun kanssa yhteydenpito. Alkaa vaan haluamaan enemmän ja tuskin lopulta mikään kohtaisi. Ja ikävä vaan kasvaa ja lähei132140- 252061
- 481969
Ikävä uutinen uudesta Unelmia Italiassa -kaudesta
Unelmia Italiassa -sarja on ollut supersuosittu ja uutta kautta on odotettu. Nyt on tullut se aika, että TV-katsojat pää71873- 421855
Salatut elämät: Lola Odusoga -paljastus - Tämä suosii tiettyjä Salkkarit-faneja!
Salatut elämät vetää katsojia tv-ruudun äärelle jaksosta, kaudesta ja vuodesta toiseen. Tähän mennessä sarjaa on nähty j71791Lähtisitkö Erikoisjoukot-leirille? Yksi kokelas paljastaa karun totuuden kulissien takaa
Erikoisjoukot realityssä kokelaat kohtaavat omat henkiset ja fyysiset rajansa. Nyt yksi kokelas paljastaa karun totuuden171791