box calculator
version 2
documentation
horizontal dimensions
total width
number of boxes wide
box width
vertical dimensions
total height
number of boxes high
box height
global dimensions
margin
border
padding
styles
#
container background color
#
box background color
#
box border color
box display
code
<style type="text/css"> #container { height: 362px; width: 600px; background-color: #8B979B; } #container img { height: 100px; width: 130px; margin: 8px 0px 0px 8px; border: 1px solid #102053; padding: 4px; background-color: #C7D0D3; float: left; } </style> <div id="container"> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> <img src="noise.png" alt="box" /> </div>
realitycrutch home
back to projects
contact
ulaluma productions