Osaiskohan joku auttaa pienessä ongelmassa? :)Kyseessä on siis taulukko jossa on 2 riviä ja 4 saraketta.
Kolmen sarakkeen pitäisi olla vakiokokoisia, mutta yhden (toisen keskimmäisistä) pitäisi muuttaa kokoa sen mukaan, minkäkokoinen selainikkuna on kyseessä. Sama koskee myös erikokoisia näyttöjä siis. Eli siis jos ikkunaa pienentää, taulukon yksi solu pienenee myös mukana jonkin verran. Onnistuu ilmeisesti jotenkin prosenteilla? Mutta miten? Jotain koodinpätkää jos joku osaisi vähän kertoilla, helpottaisi tilannetta kummasti :)
- Siru
Kolmen sarakkeen pitäisi olla vakiokokoisia, mutta yhden (toisen keskimmäisistä) pitäisi muuttaa kokoa sen mukaan, minkäkokoinen selainikkuna on kyseessä. Sama koskee myös erikokoisia näyttöjä siis. Eli siis jos ikkunaa pienentää, taulukon yksi solu pienenee myös mukana jonkin verran. Onnistuu ilmeisesti jotenkin prosenteilla? Mutta miten? Jotain koodinpätkää jos joku osaisi vähän kertoilla, helpottaisi tilannetta kummasti :)
- Siru
Vastaukset 2
Vanhimmat
Itse käyttäisin col-elementtejä:
Taulukko
td {border: 1px solid black;} // vain selvyyden vuoksi
.vakiomitta {width:80%} // taulukon leveys
.eka, .toka, .neljas {width: 20px;} // solujen leveys
// loput solut käyttävät lopun alueesta
1
2
3
4
5
6
7
8
Tästä on se ilo, että samalla voi vaikuttaa koko sarakkeeseen. Esimerkiksi voi lisätä:
.toka {background: yellow;
niin kyseisestä sarakkeesta tulee taustaväriltään keltainen.
Toinen vaihtoehto on tehdä ilman colleja:
Taulukko
td {border: 1px solid black;} // vain selvyyden vuoksi
.vakiomitta {width:80%} // taulukon leveys
.eka, .toka, .neljas {width: 20px;}
1
2
3
4
5
6
7
8
Kolmas vaihtoehto lähtee päinvastaisesta näkökulmasta:
Untitled
td {border: 1px solid black;} // vain selvyyden vuoksi
.vakiomitta {width:80%} // taulukon leveys
td {width: 20px;} // solun leveys
.erilainen {width: 100%;} // poikkeuksellinen leveys
1
2
3
4
5
6
7
8
Ja tietysti tämän viimeisenkin voi tehdä colleilla.
Kiitosta paljon, nyt toimii tuokin systeemi. eihän tuo lopulta niin kovin monimutkainen ole, kun vain ajattelee järjellä, nyt on sivustokin fiksumpi. Mukavaa pääsiäistä sinne ja kiitoksia! Ohjeista oli paljon apua :)
T. Siru