Arramis,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table>
<tr>
<td>
<div id = "boxes_container">
</div>
</td>
</tr>
</table>
<style>
table {
margin: 0 auto;
padding: 0px;
}
.hidden_box {
margin: 1px;
padding: 1px;
border: 1px solid black;
float: left;
}
</style>
<script type = 'text/javascript'>
function createHiddenBoxes(boxesNumber, Cell, Id) {
var boxContainer = document.getElementById(Id);
boxContainer.style.width = (95+6)*Cell + 'px';
var hiddenBox;
for (i = 0; i < boxesNumber; i++) {
hiddenBox = document.createElement("div");
hiddenBox.className = "hidden_box";
hiddenBox.id = "hidden_box" + i;
hiddenBox.style.width = 95 + 'px';
hiddenBox.style.height = 70 + 'px';
boxContainer.appendChild(hiddenBox);
}
}
createHiddenBoxes(12, 4, "boxes_container");
</script>
</body>
</html>
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<table>
<tr>
<td>
<div id = "boxes_container">
</div>
</td>
</tr>
</table>
<style>
table {
margin: 0 auto;
padding: 0px;
}
.hidden_box {
margin: 1px;
padding: 1px;
border: 1px solid black;
float: left;
}
</style>
<script type = 'text/javascript'>
function createHiddenBoxes(boxesNumber, Cell, Id) {
var boxContainer = document.getElementById(Id);
boxContainer.style.width = (95+6)*Cell + 'px';
var hiddenBox;
for (i = 0; i < boxesNumber; i++) {
hiddenBox = document.createElement("div");
hiddenBox.className = "hidden_box";
hiddenBox.id = "hidden_box" + i;
hiddenBox.style.width = 95 + 'px';
hiddenBox.style.height = 70 + 'px';
boxContainer.appendChild(hiddenBox);
}
}
createHiddenBoxes(100, 5, "boxes_container");
</script>
</body>
</html>