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)

[html] kleur lijnen tabel

Chris Kruidenier
11 antwoorden
  • Op mijn site heb ik een tabel met een overzicht van programma's. Ik zou nu de lijnen van de tabel een donkergele kleur willen geven. De tekstkleur moet hierbij niet mee veranderen.
    Zoeken op verschillende forums leverde geen resultaat.
  • html-attribute: bordercolor="kleur" (verouderd)
    CSS-property: border-color: kleur
  • http://www.w3schools.com/css/css_border.asp
  • Bedankt voor de response, maar dat had ik dus allemaal al gedaan, maar zonder enig effect.
    Ik heb het vogende stukje style sheet opgenomen in de heading van de pagina, maar de lijnen blijven grijs. Zie www.ckweb.nl/test.php.

    table { position: absolute; display: block; left: 10px; width: 725px; top: 695px; height: 235px; border-width: 2px; border-color: #FF0; }
  • Hier werkt het onder FF en IE.

    - Bas
  • misschien helpt het als je dit atrubuut weghaalt: BORDER='1'

    weet het niet, komt tenminste bij mij op
  • Als je cellen in de table een gekleurde border wilt geven moet je dat dus in de css zetten:[code:1:81f6158e9b] #tabel td {border: solid 1px #FF0;}
    [/code:1:81f6158e9b]
    dan moet het dus werken.
    wimb
  • Hartelijk dank voor alle hulp. Het werkt!

    Om de afmetingen van de tabel goed te krijgen bleek het nodig om "display: table;" op te nemen in CSS. Verder zowel in table als td: "border: solid 1px #FC0;"

    Het betreffende deel is nu:
    [code:1:812e12fabc]
    table {
    position: absolute;
    display: table;
    left: 10px;
    width: 729px;
    top: 850px;
    height: 235px;
    border: solid 1px #FC0;
    padding: 0px;
    }

    td {
    border: solid 1px #FC0;
    padding: 2px;
    }
    [/code:1:812e12fabc]

    In HTML moet bij table opgenomen worden: "cellspacing="0px"" anders verschijnen er dubbele lijnen om de cellen. Ik heb geen methode kunnen vinden om dit in CSS op te geven, dus

    [code:1:812e12fabc]
    <table cellspacing="0px">
    [/code:1:812e12fabc]
  • [quote:e464a30e7f="Chris Kruidenier"]

    {..}

    In HTML moet bij table opgenomen worden: "cellspacing="0px"" anders verschijnen er dubbele lijnen om de cellen. Ik heb geen methode kunnen vinden om dit in CSS op te geven, dus

    [code:1:e464a30e7f]
    <table cellspacing="0px">
    [/code:1:e464a30e7f][/quote:e464a30e7f]\

    even gauw uit mijn hoofd (niet getest)
    wat dan als je van jouw huidige code nou eens dit maakt:
    table {
    position: absolute;
    display: table;
    left: 10px;
    width: 729px;
    top: 850px;
    height: 235px;
    border: solid 1px #FC0;
    padding: 0px;

    }

    td {
    border: solid 1px #FC0;
    padding: 2px;
    margin: 0px;
    }

    als het goed is staan dan alle cellen tegen elkaar met mogelijk een kleine toevoeging:
    [code:1:e464a30e7f]
    tr{
    margin: 0px;
    }[/code:1:e464a30e7f]

    en dan verwijder je even de cellspacing. ik hoop dat het dan wel werkt, heb momenteel niet de mogelijkheid om het uit te proberen
  • [quote:c0337a123a="Chris Kruidenier"]Hartelijk dank voor alle hulp. Het werkt!

    In HTML moet bij table opgenomen worden: "cellspacing="0px"" anders verschijnen er dubbele lijnen om de cellen. Ik heb geen methode kunnen vinden om dit in CSS op te geven, dus
    [/quote:c0337a123a]

    [code:1:c0337a123a]
    table{
    border-collapse: collapse
    }[/code:1:c0337a123a]

    Voor cellspacing is overigens wel een css equivalent, 'border-spacing', maar dat werkt niet in IE.
  • Dank voor de aanvullingen.

    s.Mighty: Wat je voorstelde doet niet wat ik wilde, namelijk de dubbele lijnen laten aansluiten. cellspacing="0px" in <table… blijft nodig.

    berkery: Als ik je voorstel gebruik, dan verdwijnen inderdaad de dubbele lijnen! De tabel echter verschuift 1 pixel naar links en wordt 2 pixels breder.

Beantwoord deze vraag

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