[divs] verbergen, maar lukt niet? (tr&dr?)

[Verwijderd]

Zie de volgende code

code:

<table border="0" cellpadding="0" cellspacing="0" width="400">
    <tr>
        <td align="center" width="25" nowrap><input type="checkbox" name="resize" value="ON"></td>
        <td width="375">Resize image?</td>
    </tr>
    <tr><div id="p_resize" style="width:100%;display:none;">
        <td align="center" width="25" nowrap>&nbsp;</td>
        <td width="375"><table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td align="center" width="25" nowrap><input type="checkbox" name="resize_percent" value="ON"></td>
                <td width="350">Percent</td>
            </tr>
            <tr>
                <td align="center" width="25" nowrap>&nbsp;</td>
                <td width="350"><select name="resize_percent_value" size="1"></select></td>
            </tr>
            <tr>
                <td align="center" width="25" nowrap><input type="checkbox" name="resize_size" value="ON"></td>
                <td width="350">To size</td>
            </tr>
            <tr>
                <td align="center" width="25" nowrap>&nbsp;</td>
                <td width="350"><select name="resize_size_value" size="1"></select></td>
            </tr>
        </table>
        </td>
    </tr></div>
    <tr>
        <td align="center" width="25" nowrap><input type="checkbox" name="path" value="ON"></td>
        <td width="375">Set path</td>
    </tr>
    <tr><div id="p_path" style="width:100%;display:none;">
        <td align="center" width="25" nowrap>&nbsp;</td>
        <td width="375"><table border="0" cellpadding="0" cellspacing="0" width="100%">
            <tr>
                <td align="center" width="25" nowrap><input type="checkbox" name="path_new" value="ON"></td>
                <td width="350">New</td>
            </tr>
            <tr>
                <td align="center" width="25" nowrap>&nbsp;</td>
                <td width="350"><input type="text" size="20"  name="path_new_value"><br>
                <input type="submit" name="submit" value="Create"></td>
            </tr>
            <tr>
                <td align="center" width="25" nowrap><input type="checkbox" name="path_select" value="ON"></td>
                <td width="350">Select</td>
            </tr>
            <tr>
                <td align="center" width="25" nowrap>&nbsp;</td>
                <td width="350"><select name="path_select_value" size="1">
                </select></td>
            </tr>
        </table>
        </td>
    </div></tr>
</table>

nu zie je vlak aan't begin het volgende staan

code:

<div id="p_resize" style="width:100%;display:none;">

en dat staat na de tr en voor /tr stop ik de /div weer... maar iets werkt niet... of ik het nu voor de tr of na de tr zet; ik kan het stukje niet verbergen.. iemand een idee?

Tnx

[web-hawk]

Volgens mij ligt het aan het feit dat je een DIV niet in een tr kunt zetten...

Een tr is in principe niets, deze bevat weer een td

[NMe]

Volgens mij mag dat niet, je td's komen daarna nog. Binnen <tr> tags horen geen divs.

Probeer je <tr> een display: none te geven, of anders je <td>'s...

[Verwijderd]

Dus eingelijk moet ik diepere tabellen maken?, om zo dus aan die td's te komen?

[ Voor 28% gewijzigd door Verwijderd op 08-09-2004 19:09 ]

[RSpliet]

Verwijderd schreef op 08 september 2004 @ 19:09:
Dus eingelijk moet ik diepere tabellen maken?, om zo dus aan die td's te komen?

nee, je moet gewoon tabellen maken. Een tabel met alleen horizontale lijntjes (bij wijze van spreken) is geen tabel, daar moeten ook verticale lijntjes bij. Daarmee kan je dit vergelijken (niet helemaal geweldig natuurlijk) .

[faabman]

Je kunt beter gewoon die hele tabel weggooien en werken met een formulier wat op de juiste wijze is gestructureerd

Daarbij werk je dan met de elementen <form> <fieldset> <legend> <label> en een stukje CSS / DHTML...

Op http://alistapart.com of via google is genoeg te vinden over het bouwen van formulieren...