Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

<div> equivalent volgens W3C specificaties

8 antwoorden
  • Mensen, ik heb [i:807ddf5e85]eindelijk[/i:807ddf5e85] een probleem waar ik zo even niet uitkom! Het volgende is onderdeel van correcte HTML:[code:1:807ddf5e85] <div class="FooClass"> <table> <tr> <td> foo </td> </tr> </table> </div>[/code:1:807ddf5e85] FooClass bevat onder meer opmaakdefinities voor [i:807ddf5e85]table, tr, td[/i:807ddf5e85]. Ik wil deze niet afzonderlijk aan ieder element toekennen, Vandaar de overstijgende [i:807ddf5e85]div class="FooClass"[/i:807ddf5e85]. Deze opmaak definities moeten bovendien ook maar op een klein deel van de totale HTML code uitgevoerd worden. Het probleem is dat in het document waarin bovenstaande code staat het [i:807ddf5e85]<div>[/i:807ddf5e85] element onderscheidend is en op basis daarvan enkele acties ondernomen wordt (DOM). Details hiervan zal ik hier niet beschrijven. Het komt er gewoon op neer dat ik een vervanger voor die <div> nodig heb waarin ik ook nog een [i:807ddf5e85]class="FooClass"[/i:807ddf5e85] mee kan geven. Ik had al geprobeerd om [i:807ddf5e85]<div>[/i:807ddf5e85] te vervangen door bijvoorbeeld [i:807ddf5e85]<p>[/i:807ddf5e85], ware het niet dat onder meer [i:807ddf5e85]<table>[/i:807ddf5e85] dan niet toegestaan is.
  • Werkt dit dan niet gewoon?[code:1:167a3f3662]div.FooClass{ background-color: black; } div.FooClass table{ background-color: red; } div.FooClass table tr{ background-color: purple; } div.FooClass table tr td{ background-color: yellow; }[/code:1:167a3f3662]- Bas
  • [quote:d4a9ffccfa="BasHamar"]Werkt dit dan niet gewoon?[code:1:d4a9ffccfa]div.FooClass{ background-color: black; } div.FooClass table{ background-color: red; } div.FooClass table tr{ background-color: purple; } div.FooClass table tr td{ background-color: yellow; }[/code:1:d4a9ffccfa]- Bas[/quote:d4a9ffccfa] Dat is het probleem niet. [quote:d4a9ffccfa="H4xX0r was hier eerder op 27 Maart 2003 00:11 en"][i:d4a9ffccfa]"Het probleem is dat in het document waarin bovenstaande code staat het <div> element onderscheidend is en op basis daarvan enkele acties ondernomen wordt (DOM). Details hiervan zal ik hier niet beschrijven. Het komt er gewoon op neer dat ik een vervanger voor die <div> nodig heb waarin ik ook nog een class="FooClass" mee kan geven."[/i:d4a9ffccfa][/quote:d4a9ffccfa] Ik kan geen <div> gebruiken.
  • [quote:152b4b67f6="h4xX0r"]Ik kan geen <div> gebruiken.[/quote:152b4b67f6]<span></span> dan misschien? - Bas
  • [quote:54b003a9dc="BasHamar"][quote:54b003a9dc="h4xX0r"]Ik kan geen <div> gebruiken.[/quote:54b003a9dc]<span></span> dan misschien?[/quote:54b003a9dc] Ik had al wat research gedaan, voordat ik hier postte en dat schijnt ook niet te mogen. http://www.htmlhelp.org/reference/html40/special/span.html http://www.w3.org/TR/REC-html40/struct/global.html#edef-SPAN
  • Op de pagina van de eerste link staat dit:[quote:6e8954a187="Web Design Group"]DIV is a block-level equivalent of SPAN for containing block-level elements such as P and TABLE.[/quote:6e8954a187]Als dit geen antwoord op je vraag is ben ik bang dat je toch in meer detail zult moeten treden. - Bas
  • [quote:b5ce759b92="BasHamar"]Op de pagina van de eerste link staat dit:[quote:b5ce759b92="Web Design Group"]DIV is a block-level equivalent of SPAN for containing block-level elements such as P and TABLE.[/quote:b5ce759b92]Als dit geen antwoord op je vraag is ben ik bang dat je toch in meer detail zult moeten treden. [/quote:b5ce759b92] [url=http://www.w3.org/DOM/demo.js]Deze[/url] heb ik geïmplementeerd. Zie voor een voorbeeld, in de root van die directory. Daarin wordt <div> als onderscheidend gebruikt om het e.e.a. te bewerkstelligen. De "Table of Contents" wordt boven de eerste <div> geplaatst die in het document gevonden wordt. En aangezien eerder genoemde code als eerste in het document voorkomt gaat dit mis. De "Table of Contents" zou dan dus eigenlijk tussen de eerste en tweede <div> moeten verschijnen.
  • Geef die class="FooClass" dan mee aan de table en wis die div dan gewoon. Of heb je allerlei stijleigenschappen nu hangen aan de huidige div? Daar zou dan ook nog evt een mouw aan te passen zijn. Eigenlijk denk ik dat die DOM functie die je gebruikt niet helemaal goed is. Beter zou zijn om de divs die via die functie moeten worden bewerkt een bepaalde className mee te geven en daar dan op te checken in de functie of ze die className hebben en dan de functie op die div uitvoeren. Als de divs bij elkaar staan, zou je ook een div daaromheen kunnen gooien met een uniek id en daarbinnen alle divs doorlopen.

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

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