Periodic Table

Does anyone know how I can make a Perioidic Table with HTML and CSS?

Have you tried to do this yourself? Its just a big table with a mix of colspan and rowspan.

Does anyone know how I can make a Perioidic Table with HTML and CSS?

yes, I know, I allready tell you, :)

http://oesxyl.atwebpages.com/index.html

if this is not a homework assigment, you can get the page from my site, or tell me what do you need and I help you.

PS: I guess, you have a comunication problem, :)

best regards

The problem with a periodic table is the transition elements. What you could try is to have a hidden div (containing another table) within one cell (say La to Lu). When this cell is clicked the div is displayed. You will need a close button in your div as well.

Style:.transition { display: hide; }

Table fragment:<td><a onclick="document.getElementById('LaLu').style.display='block';">Lanthanum to Lutectium</a></td>
Transition element sub-table:
<div class="transition" id="LaLu">
<table><tr><td>Lanthanum</td> . . . <td>Lutectium</td></tr></table>
<h4 onclick="document.getElementById('LaLu').style.display='hide';">Close</h4>
</div>

J