Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

border-color tables

boelieboelie
4 antwoorden
  • Hallo,

    Ik heb hier wat simpele vraagjes, maar ik kom er zelf niet uit.. :-?

    Als ik de border-color van een table met 1 kolom en 6 rows op bv. blauw zet, dan worden alleen de buitenste randen gekleurd (vandaar borders :P ) maar hoe kan ik de horizontale lijnen ook een kleur geven? m.b.v. CSS ofzo, ik heb op handleidinghtml.nl gekeken enzo maar daar kon ik het niet vinden zal vast aan mij liggen.

    En als ik de cellspacing op 0 zit krijg ik een soort schaduw naast me table lijnen, kan die toevallig weg? (het is trouwens ook een 2px lijn, kan dat ook niet 1? waardoor die schaduw wegvalt)

    En iets heel anders; Werkt sIFR http://www.mikeindustries.com/sifr/ in IE en FF?

    Groeten, Roger1
  • Is dit misschien wat voor je? http://www.somacon.com/p141.php
  • Nou ik heb alles geprobeerd, maar als ik de binnenste border een kleur geef krijgen alle cellen apart een border.. ik zou willen dat de horizontale lijnen aansluiten op de buitenste border..
    ______
    |______|
    |______| –> dus zo alleen dan zouden alle randen aan elkaar zitten..
    |______|

    En als ik het op die site die je voorstelde probeer, krijg ik dit:
    Ik probeer even wat plaatjes te uploaden.

    [code:1:6ed4907f3c]
    <style type="text/css">
    table.sample {
    border-width: 1px;
    border-spacing: ;
    border-style: solid;
    border-color: red;
    border-collapse: separate;
    background-color: white;
    }
    table.sample th {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: red;
    background-color: white;
    -moz-border-radius: ;
    }
    table.sample td {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: red;
    background-color: white;
    -moz-border-radius: ;
    }
    </style>

    <table class="sample">
    <tr>
    <th>Header</th>
    <td>Content</td>
    </tr>
    </table>
    [/code:1:6ed4907f3c]
  • Sorry ik heb nog wat geprobeerd en nu lukt het wel..

    [code:1:82b8f4d8d0]
    <style type="text/css">
    table.sample {
    border-width: 0px;
    border-spacing: ;
    border-style: solid;
    border-color: red;
    border-collapse: collapse;
    background-color: white;
    }
    table.sample th {
    border-width: 1px;
    padding: 2px;
    border-style: solid;
    border-color: red;
    background-color: white;
    -moz-border-radius: ;
    }
    table.sample td {
    border-width: 1px;
    padding: 2px;
    border-style: solid;
    border-color: red;
    background-color: white;
    -moz-border-radius: ;
    }
    </style>

    <table class="sample">
    <tr>
    <th>Header</th>
    <td>Content</td>
    </tr>
    </table>
    [/code:1:82b8f4d8d0]

    Maar werkt sIFR nou met alle browsers?

    Gr. Roger1

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.