CSS/XHTML: Show div after a specific count of table rows

A

alil

New Member
Here is what I got:
  • a XHTML file transformed with Oxygen XML from XML and XSL files
  • 10 divs right at the beginning of the body, hidden with CSS
  • after that: a table with 100 trs
Looks like this:\[code\]<div id="div1" style="display:none;">content1</div><div id="div2" style="display:none;">content2</div><table id="table1"> <tr><td>conent3</td></tr> <tr><td>conent4</td></tr> <tr><td>conent5</td></tr></table>\[/code\]Now I'm working on two projects.
1) CSS screen. Which is fine. The divs are shown in a fancybox when clicking links inside the table.
2) CSS print. Which is the reason I am asking here. Convert the XHTML to PDF using Prince XML - okay. In the print version, the hidden divs should show up on a specific position, e.g.:\[code\]1. TABLE ROW2. TABLE ROW3. TABLE ROW1. DIV4. TABLE ROW5. TABLE ROW2. DIV\[/code\]My dream would be to determine the position after how many trs a div should show up, anywhere in the documents (XHTML or CSS). Maybe you've got an idea how to solve. Thank you. bearli
 
You must log in or register to reply here.
Back
Top