Kotisivut, taulukon reunusten väri?

Viestiketju Vapaata keskustelua -osiossa. Ketjun avasi jpekkam 15.09.2004.

  1. jpekkam

    jpekkam Guest

    Saiskohan tuon koodin semmoseksi että mozilla selainkin tajuaisi. Nyt vain IE näyttää reunuksen värin mustana. Mozilla läpinäkyvänä...

    <table width="100%" border="1" height="45" bordercolor="000000" cellpadding="0" cellspacing="0">
     
  2.  
  3. Agent_007

    Agent_007 Senior member

    Liittynyt:
    05.05.2003
    Viestejä:
    29,936
    Kiitokset:
    124
    Pisteet:
    143
  4. mika

    mika Moderator Ylläpitäjä

    Liittynyt:
    26.03.2003
    Viestejä:
    5,157
    Kiitokset:
    0
    Pisteet:
    116
    .css-tyylimäärittelyt olis tässäkin kova sana :)
    Löytyy infoa varmaan tuosta Agentin antamasta linkistä sekä http://www.w3.org/
    ...englanniksi
     
  5. jpekkam

    jpekkam Guest

    Nyt tässä jokin mättää ku väri ei vaihdu miksikään kummallakaan selaimella.

    Tein tiedoston johon liitin koodin:

    [bold]table {border-color: black}
    all four borders will be black[/bold]

    Nimesin sen [bold]bordercolor.css[/bold] ja siirsin palvelimelle.

    HTML koodiin lisäsin:

    [bold]<link rel="stylesheet" title="bordercolor" href="bordercolor.css">[/bold]
    <table width="100%" border="1" height="45" cellpadding="0" cellspacing="0">
     
  6. mika

    mika Moderator Ylläpitäjä

    Liittynyt:
    26.03.2003
    Viestejä:
    5,157
    Kiitokset:
    0
    Pisteet:
    116
    No jaksoinpa väsätä sulle pienen mallin..

    <html>
    <head>
    <title>..::Taulukko::..</title>
    <style type="text/css">

    table.eka {
    width: 38%;
    border: medium double rgb(230,230,0);
    margin-left: 2.6em;
    background: gray;
    }

    </style>
    </head>


    <body>

    <table class="eka">
    <tr>
    <td align="center">Taulukko sisältää tekstiä, tekstiä, tekstiä.<br>Vaikka kuvakin, jos tykkää :)</td>
    </tr>
    </table>

    </body>
    </html>

    Tutkippa tuota ja kokeile tehdä muutoksia, niin näet mihin kaikkeen tyylimäärittelyllä voidaan vaikuttaa. esim. taulukon sisällä olevaan soluun (td), solun sisällä olevaan kuvaan, taulukko taulukon sisään jne.

    Järkevintä olis pistää noi määrittelyt omaan tiedostoon, vaikka tyyli.css ja html-koodiin rivi:

    <link rel="stylesheet" href="tyyli.css" type="text/css">

    eli:

    <html>
    <head>
    <title>..::Taulukko::..</title>
    <link rel="stylesheet" href="tyyli.css" type="text/css">
    .
    .
    .
    _X_X_X_X_X_[small]Hyviä oppaita suomeksi:
    http://www.nefernetti.com/oppaat.htm

    Muista myös säännöt!
    http://keskustelu.afterdawn.com/thread_view.cfm/2717[/small]
     
    Viimeksi muokattu: 16.09.2004
  7. jpekkam

    jpekkam Guest

    Mihin tuossa tulee borderin värikoodi?
    Vissiin tälle riville, mikä tuo 230,230,0?
    border: medium double rgb(230,230,0);
     
  8. Ketola

    Ketola Turned ninja Ylläpitäjä

    Liittynyt:
    10.06.1999
    Viestejä:
    1,233
    Kiitokset:
    102
    Pisteet:
    78
    rgb(230,230,0) == #E6E600

    Eli RGB-komponenttien arvot ilmaistuna kymmenjärjestelmän lukuina.

    Kannattaa tutustua niihin w3:n CSS määrityksiin, joihin jo linkkikin annettiin. Sitä varten ne ovat olemassa. =)

    http://www.w3.org/TR/CSS21/colors.html

    Alkuperäiseen kysymykseen voisin kommentoida sen verran, ettei tuon esimerkkisi pitäisi toimia millään selaimella. IE nyt sattuu vain olemaan sopivasti rikki. Height tai bordercolor eivät ole edes HTML 4.01 Transitional speksien mukaisia attribuutteja <table> -elementille.
     

Jaa tämä sivu