...

View Full Version : Periodic Table



MindTheGap
02-24-2008, 11:04 AM
Does anyone know how I can make a Perioidic Table with HTML and CSS?

_Aerospace_Eng_
02-24-2008, 04:19 PM
Have you tried to do this yourself? Its just a big table with a mix of colspan and rowspan.

oesxyl
02-24-2008, 04:33 PM
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

Actinia
02-24-2008, 04:42 PM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum