Hey folks, I need to implement a geometric shape into a
simple html layout. Here a pic:



I've got a div container 400x400px. The cube shall be 100x100px
and cantered in the container. Since I'm a HTML newb I've no idea
what to do Maybe you can help me out!

give the top div a border radius



to center the container

& give it a width;



was a guess, you're description was kinda vague…


if you want to center something absolutely, you can position it absolute, and set the top, left, right, bottom attributes to a low (i usually use 10%) equal amount see http://danielwhyte.com/play/steps/ for example.

This post was edited by WhyteLinux on Nov 16 2012 05:32am

To be more clear: I want to build this shape with a table. And I actually don't know
how to do this.

tables are for the display of tabular data… not layout

I know they are. But I need this shape on my website. And I thought a table would be the easiest way
to make it.

why u need this shape in a html table? why you don't just make a div which has a size of 400x400 and then you set the image as background?