display:none werkt niet altijd?

[Verwijderd]

Hoi

(Dit gebeurt zowel in IE6 als in Firefox 1.5)

Als ik (bijvoorbeeld) het volgende html-bestandje maak:

<table>
<span style='display:block'><tr><td>Number one</td></tr></span>
<span style='display:none'><tr><td>Number two</td></tr></span>
<span style='display:block'><tr><td>Number three</td></tr></span>
</table>

worden alle drie regels getoond, terwijl ik zou verwachten dat "Number two" niet zou verschijnen vanwege de 'display:none' style.

Als ik de <table> en </table> tags weghaal, worden wel alleen "Number one" en "Number three" getoond, dus op de een of andere manier is er een interferentie van de <table> tag, maar ik heb geen idee hoe of waarom.

Kan iemand mij dit uitleggen?

Bij voorbaat dank
Willem Alberda

[LuCarD]

de span tag mag daar niet worden gebruikt.

binnen een table mag je alleen tr hebben.

[iMars]

LuCarD schreef op donderdag 02 november 2006 @ 09:49:
de span tag mag daar niet worden gebruikt.

binnen een table mag je alleen tr hebben.

[mierenneuk] of th [/mierenneuk]

[user109731]

webmail schreef op donderdag 02 november 2006 @ 09:51:
[...]

[mierenneuk] of th [/mierenneuk]

Je mag in een table meerdere elementen gebruiken (o.a. thead, tbody, caption). Tbody is standaard, en die mag enkel TRs bevatten. TH is zeg maar van het niveau als TD: ze horen beide in een TR

[Snake]

Doe es op de tr, die display:none

[Verwijderd]

Het kan ook altijd nog met JavaScript, afhankelijk van wat je doel is met deze constructie.

[Suaver]

HTML:

<table>
  <tr><td><div id="1" style="visibility: hidden; display:none;">Number one</div></td></tr>
  <tr><td><div id="2" style="visibility: hidden; display:none;">Number two</div></td></tr>
  <tr><td><div id="3" style="visibility: hidden; display:none;">Number three</div></td></tr>
</table>

[Verwijderd]

Grote prutser schreef op donderdag 02 november 2006 @ 09:55:
[...]

Je mag in een table meerdere elementen gebruiken (o.a. thead, tbody, caption). Tbody is standaard, en die mag enkel TRs bevatten. TH is zeg maar van het niveau als TD: ze horen beide in een TR

Bedankt voor de reakties - dus in principe kan ik geen <span> binnen een <table> gebruiken. Wat ik probeer is een soort treeview struktuur te bouwen, waarbij ik het expand/collapse via display:none/block van een <span> block wilde implementeren.
Hebben jullie suggesties over hoe ik dat anders kan oplossen?

Groeten
Willem Alberda

[LuCarD]

Verwijderd schreef op donderdag 02 november 2006 @ 10:55:
[...]


Bedankt voor de reakties - dus in principe kan ik geen <span> binnen een <table> gebruiken. Wat ik probeer is een soort treeview struktuur te bouwen, waarbij ik het expand/collapse via display:none/block van een <span> block wilde implementeren.
Hebben jullie suggesties over hoe ik dat anders kan oplossen?

Groeten
Willem Alberda

Ja hoor...

http://www.google.com/sea...official&client=firefox-a

Er zijn verschillende manieren om zoiets te maken. Persoonlijk ben ik een voorstander van Unorderlists gebruiken.

Maar er zijn al een hoop bestaande oplossingen. zie de google link.


Maar als je het echt zelf wilt doen. Maak dan eerst een goed werkende uitgeklade tree menu in html. Zorg er voor dat deze valid HTML is. En controlleer dit ook via de bv de w3c site.
En maak hem daarna pas dynamisch.

[ Voor 25% gewijzigd door LuCarD op 02-11-2006 11:14 ]

[BtM909]

Hallo Willem, je hoeft niet onder elke post te groeten

Waarom hide je de hele regel niet (dus de TD, of netter de TR) met CSS?

[Verwijderd]

LuCarD schreef op donderdag 02 november 2006 @ 11:09:
[...]


Ja hoor...

http://www.google.com/sea...official&client=firefox-a

Er zijn verschillende manieren om zoiets te maken. Persoonlijk ben ik een voorstander van Unorderlists gebruiken.

Maar er zijn al een hoop bestaande oplossingen. zie de google link.


Maar als je het echt zelf wilt doen. Maak dan eerst een goed werkende uitgeklade tree menu in html. Zorg er voor dat deze valid HTML is. En controlleer dit ook via de bv de w3c site.
En maak hem daarna pas dynamisch.

Bedankt, ik ga eens kijken. Ik weet dat er al een hoop bestaat, maar ik wil er nogal specifieke dingen mee doen (veel editing, toevoegen, weghalen,...), en de tuning van bestaande versies wordt dan al gauw lastig.

Willem

[Verwijderd]

BtM909 schreef op donderdag 02 november 2006 @ 11:11:
Hallo Willem, je hoeft niet onder elke post te groeten

Waarom hide je de hele regel niet (dus de TD, of netter de TR) met CSS?

Dat zou natuurlijk op zich best werken. Maar ik verwacht later grote aantallen bij elkaar horende elementen in één keer onzichtbaar te moeten maken, vandaar.