"it will be all text" Sorry, I meant "it will be all image - no text"
> > On Nov 30, 2006, at 6:57 PM, [EMAIL PROTECTED] wrote: > >> I am creating a site with a layout similar to the >> http://www.milliondollarhomepage.com/ - I want blocks of 10px each, >> and I >> want 100 blocks across, and 100 blocks down. >> >> I have been contemplating how to do this with CSS, and I cannot >> think of >> any way. >> >> It has to be able to span over multiple spots (so you can have >> either two >> 10px images or however many you want) so they somehow need to be >> grouped. > > You're probably going to have to absolutely position each element. > The html I'd envision is something like this... > > <ul id="adSpace"> > <li id="a1" class="square20"><a href=""><img src=""></a></li> > <li id="a2"><a href=""><img src=""></a></li> > <li id="a3" class="rect1040"><a href=""><img src=""></a></li> > ... > </ul> > > with something like the following css > > #adSpace { position: relative; margin: 0; padding: 0; } > #adSpace li { position: absolute; } > #adSpace li, #adSpace a, #adspace img { > display: block; > margin: 0; > padding: 0; > overflow: hidden; > } > > .square20 { width: 20px; height: 20px; } > .rect1040 { width: 40px; height: 10px; } > > #a1 { top: 30px; left: 100px; } > #a2 { top: 50px; left: 50px; width: 20px; height: 50px; } > #a3 { top: 50px; left: 100px; } > > This is assuming all your elements are images. Putting text into > this kind of a grid layout is an invitation to insanity. > > hth > -- > Roger Roelofs > Datacomp Appraisal Services > > -- > Roger Roelofs > "Remember, if youre headed in the wrong direction, > God allows U-turns!" > ~Allison Gappa Bottke > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
