Keskustelu: Nettisivujen teko: Taulukon reunat

Taulukossa on reunat <table border="1"> jnejne mitä täytyy lisätä, jotta jokaisen solun välissä on reuna ettei se ole vain ulkoreunoilla.

Määritä border-ominaisuus taulukon sijaan erikseen joka solulle.
Edit: Kannattaa tosin määrittää tällaiset CSS:llä.

kyllä tuolla <table border="1"> ne reunat tulee ihan joka solun väliin.
Vai etkö nimenomaan niitä halunnut? Sitten täytyy käyttää CSS:ssää, eli table{border: solid 1px black;}

Sikäli kuin minä tulkitsin manuaalia oikein, niin border-ominaisuus ei ole periytyvä ja ainakin itse jouduin asettamaan tuon erikseen joka solulle ennen kuin toimi.

kyllä, se laitetaan siis

td {
     border: solid 1 black;
}

, niin laittaa kaikille soluille reunat

nixu89 kirjoitti:

td {
     border: solid 1 black;
}

1 mitä? Omenaa? Jalkaa? Kilometriä?

CSS:ssä aina yksikkö perään.
(Nolla on poikkeus, nolla mitätahansa kun on ihan yhtä pitkästi)

Ymmärtäisin tuon niin, kun lukemaa ei määritellä, se asettaa sen oletuksena pikseleinä.
Vaihtoehtoja tarkennukseen on esim.
1px, 1% jne.

Pekka Mansikka kirjoitti:

Ymmärtäisin tuon niin, kun lukemaa ei määritellä, se asettaa sen oletuksena pikseleinä.

Olet ymmärtänyt väärin. IE tuota tekee, mutta se rikkoo speksiä.

Blaze kirjoitti:

Pekka Mansikka kirjoitti:

Ymmärtäisin tuon niin, kun lukemaa ei määritellä, se asettaa sen oletuksena pikseleinä.

Olet ymmärtänyt väärin. IE tuota tekee, mutta se rikkoo speksiä.

Aha.
Asiasta toiseen: tuo td {}-esimerkki ei toimi Firefoxissa...mutta kun määrittelin sen leveydeksi 1px, niin toimi...

Pekka Mansikka kirjoitti:

Asiasta toiseen: tuo td {}-esimerkki ei toimi Firefoxissa...mutta kun määrittelin sen leveydeksi 1px, niin toimi...

No eikö Blaze tuossa yläpuolella juuri näin sanonut :) IE:ssä toimii, muissa ei.

Horvan^^ kirjoitti:

Taulukossa on reunat <table border="1"> jnejne mitä täytyy lisätä, jotta jokaisen solun välissä on reuna ettei se ole vain ulkoreunoilla.

Ahaa, nyt vasta taisin ymmärtää oikein. Tai sitten en.
Eli tarkotatkos kun nyt jokaisen solun ympärille tulee viiva eli kahden solun välissä silloin on kaksi viivaa ja nytten haluat nuo kaksi viivaa yhdeksi viivaksi.

Sama juttu tapahtuu CSS:llä. kun määrittää joka solulle reunan niin silloin jokapuolella kulkee kaksi reunaa vierekkäin. Ja niiden välissä on jopa rako.
Tuli mulla kans mieleen että miten tämän raon saa pois eli "yhdistettyä" viivat.
Ja kirjotellaan vielä että jos haluaa taulukon ulkoreunan olevan yhtäleveä kuin sisäreunat niin täytyy myös tablelle määrittää omat reunat eli: td{border: 10px black solid;} table{border:10px black solid;}

jideko kirjoitti:

Eli tarkotatkos kun nyt jokaisen solun ympärille tulee viiva eli kahden solun välissä silloin on kaksi viivaa ja nytten haluat nuo kaksi viivaa yhdeksi viivaksi.

border-collapse: collapse;

Ei olisi mitenkään mahdollista saada vain tiettyjä reunuksia yhdistettyä?

Esimerkiksi ottamlla käyttöön border-width ja määrittelemällä solun reunat erikseen

td {
     border: solid;
     border-width: 0px 1px 1px 0px;
     border-color: black;
 }

Unohtui vielä siis tämä:

 <table cellspacing="0">