[CSS/Tables] problemen met border - Softwareontwikkeling

maandag 15 september 2003 02:31

Acties:

Topicstarter

Beste medelezers,

ik ben momenteel bezig met voor een topic op fok een simpel statistieken pagina'tje in elkaar te draaien (statistieken)

nu staan deze in een kleine tabel waarvan ik wel een buitenrand heb... maar geen binnenrand.. na eindeloos zoeken kwam ik erachter dat ik in mijn stylesheet kon zetten

Cascading Stylesheet:

table
    {
    font-size: 11px; /*tekst = 11pxls*/
    border-collapse: collapse; 
    border: 1px solid; /*rand van 1px, zwart */
    }

tr.main, td.main /* met border 1px?? */
    {
    background-color: #D0FFA6;
    border-bottom: 1px solid black;*/<---- */
    }

hierdoor krijg ik onder mijn Tr's een zwarte 1pxel lijn zoals ik dit graag zou willen. echter in IE laat hij deze niet zien? (in mozilla wel?)

hoe kan ik dit probleem oplossen want begrijp het even niet helemaal waarom dit niet werkt... Ik geef toch aan dat ik een border van 1px wil hebben onder mijn rows?

Lets remove all security labels and let the problem of stupidity solve itself

maandag 15 september 2003 08:17

Acties:

Willem2

Ω is futile

Het is me al eens vaker opgevallen dat MSIE TR settings niet doorgeeft aan de onderliggende TD's. Ik weer niet genoeg van CSS af om te weten of dit zo hoort of niet, maar zo kun je het fixen:

code:

        <TR class=head>
          <TD width=20 class=head>Rank: </TD>
          <TD width=250 class=head>Naam: </TD>
          <TD width=30 class=head>Punten: </TD>
        </TR>

Oftewel, per TD de betreffende class aanroepen!

en nee, ik houd niet van voetbal... :)

maandag 15 september 2003 08:50

Acties:

Atari Paul

Op onderstaande manier zou het moeten werken.
Je geeft de tabel waar de style op zou moeten werken een id (in dit geval main), en geeft in de style dmv #main aan, dat alleen onder dit element de volgende elementen (td en tr) van de style moeten worden voorzien.

HTML:

<html>
    <head>
    <style>
        table
        {
            font-size: 11px; /*tekst = 11pxls*/
            border-collapse: collapse; 
            border: 1px solid; /*rand van 1px, zwart */
        }

        #main tr td /* met border 1px?? */
        {
            background-color: #D0FFA6;
            border-bottom: 1px solid black;*/<---- */
        }
    </style>
    </head>
    <body>
        <table id="main">
            <tr>
            <td>Blaat</td><td>Blet</td><td>blut</td>
            </tr>
            <tr>
            <td>Blaat</td><td>Blet</td><td>blut</td>
            </tr>
            <tr>
            <td>Blaat</td><td>Blet</td><td>blut</td>
            </tr>
            <tr>
            <td>Blaat</td><td>Blet</td><td>blut</td>
            </tr>
        </table>
    </body>
</html>