[css/php] Hoe eerste row - Softwareontwikkeling

donderdag 10 november 2005 22:33

Acties:

Verwijderd

Topicstarter

edit: stom vergeten topic titel af te maken. Iig hoe eerste row van een tabel buiten de veld ID laten vallen.

Ik heb dus dit gemaakt, iedere regel in de tabel heeft zijn eigen kleur, en als je er met je muis overheen gaat kleurt de regel op. Maar nu een probleem, de eerste regel waarin de informatie over de desbetreffende kolom staart kleurt ook op en dat is niet de bedoeling.

Hier een werkende link:
http://members.lycos.nl/mightyspawn/ok.html

HTML CODE:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
    @import '../style.css';
    @import    'style.css';
</style>
<script type="text/javascript">
function AlternateRows( sID )
{
    oTable = document.getElementById(sID);
    if (oTable)
    {
        var aRows = oTable.getElementsByTagName('tr'), i = aRows.length;
        while (i--)
        {
            aRows[i].className += i % 2 ? ' odd' : ' even';
        }
    }
}
</script>
</head>

<body onload="AlternateRows('testTable');">
    <table id="testTable">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
        </tr>
        <tr>
            <td>I</td>
            <td>II</td>
            <td>III</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>


</body>
</html>

CSS code:

code:

A:link {text-decoration: none; color: black;}
A:visited {text-decoration: none; color: black;}
A:active {text-decoration: none;}
A:hover {text-decoration: underline; color: black;}

p {
    font: 0.7em Verdana, sans-serif;
    }

td {
    font: 0.7em Verdana, sans-serif;
    }

table#testTable {
    width: 100%;
    border: 1px solid #000000;
    padding: 3px;

    }

#testTable td {
            padding: 4px;
    }

#testTable tr.odd {
    background-color: #E5E5E5;

}
#testTable tr.even {
    background-color: #D5D5D5;
}
#testTable tr:hover {
    background-color: #99CCFF;

[ Voor 20% gewijzigd door Verwijderd op 10-11-2005 22:35 ]

donderdag 10 november 2005 22:41

Acties:

Willem

Een andere class (style) meegeven

Ik snap het probleem niet echt hieraan.

Motor onderhoud bijhouden

donderdag 10 november 2005 22:42

Acties:

André

Analytics dude

Maak van de eerste regel dan een th

donderdag 10 november 2005 22:42

Acties:

BasieP

OF je maakt gebruik van <td> en <th>

OF je zorgt dat je loopje gewoon bij de tweede row begint

This message was sent on 100% recyclable electrons.

donderdag 10 november 2005 23:05

Acties:

Verwijderd

Topicstarter

De loop begint bij de 2e row, maar de ID bij de eerste, gewoon voor de hele tabel.

en TH pikt die ook niet, ligt die ook op.

[ Voor 22% gewijzigd door Verwijderd op 10-11-2005 23:08 ]

donderdag 10 november 2005 23:11

Acties:

Janoz

Moderator Devschuur®

!litemod

Of je gebruikt gewoon de thead tbody en tfooter tags en vraagt alle childelements van tbody op

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

donderdag 10 november 2005 23:16

Acties:

André

Analytics dude

Verwijderd schreef op donderdag 10 november 2005 @ 23:05:
De loop begint bij de 2e row, maar de ID bij de eerste, gewoon voor de hele tabel.

Zoals ik het zie begint de loop toch echt bij de laatste row?

donderdag 10 november 2005 23:27

Acties:

Verwijderd

Topicstarter

ja dat bedoel ik

Maar heb het opgelost, simpelweg met een CSS aanpassing

Heb die TR in de loop een ID gegeven.

En in de CSS de hover mag alleen nog deze ID laten oplichten. Dus de eerste regel laat die nu met rust.

BEdankt iig

vrijdag 11 november 2005 00:27

Acties:

crisp

Devver

Pixelated

je had ook ipv while (i--) while (--i) kunnen doen

Intentionally left blank