I've had an idea for an online game which requires a isometric grid in HTML. (Note: Sure, I can do this in flash - I don't want to for varied reasons.) Building the grid was fairly simple, except for the problem of every grid column after the first being overlapped by the next column by half. This makes clicking on items on that grid item problematic since only half the grid section (div) is exposed. To see my rough example, look here: http://www.pixelmech.com/rev/tile.html Each column has a containing div to set the row, and a class sets the background tile. I played around with Javascript moving each tile up in the z-index when clicked, etc...really didn't have much luck with it. Maybe I'm asking for something that is not possible, but is there a way to build an html iso grid like this, with each tile selectable? The obvious problem is the overlapping divs. I can't think of a way around this. I played around with possibly using an old fashioned image map, but for what I want to do that would not really be a good solution. Interested in any suggestions or comments. Thanks! Tom
______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
