CSS Imagemaps? I did it :D

liunx

Guest
<!-- w --><a class="postlink" href="http://www.muzzleflash.biz">www.muzzleflash.biz</a><!-- w --> (I hope that's not advertising, because I have no content up and what I have to offer wouldn't interest anyone here)

It was trial and error for a bit because I've never used css for much besides changing fonts, colors, and scrollbars, but some time on google taught me how to do it. It actually gives you a lot of versatility.

Tell me what you think of my implimentation and I'll tell you how I did it in detail. I could make a solid tutorial on it.

edit: i finished writing copy for my site but still no way for people to order, so hopefully not advertising. i'm only really interested in what people think of the imagemap implimentation.It needs a valid doctype and replacement of some deprecated tags like <center> but it looks ok otherwise.Rather elegant the way the image map changes the content of the "window." Smooth, I like the concept. It's quick and clean.

The visual overall seems awfully dark, though. Doesn't create a very positive impression. I've been through Tennessee several times. That is some of the most beautiful country on planet Earth. Just seeing the name brings an image of green mountains and limestone outcroppings that always took my breath away. IMHO you should use something like that in your site.

I know the second part wasn't really what you were asking for, but I couldn't resist. I grew up and still live in the arid West and that area just amazed me every time I've visited it.Thanks for the input!

I just realized I used UT orange. Agh. Kill me now. I remember seeing how people would paint their doghouses that color, not my favorite thing. Originally I came up with the white/gray/black/orange colorscheme back in 2002, probably subliminally influenced by an old steakandcheese.com template.

You're right. It needs to be changed to something more eyefriendly, probably with whitespace. I'll have the Athens link turn the entire page background into a random (out of 10 or so) photograph from the region. Part of the dark reason is it let me be lazy with image spacing and alignment. The header does appeal to me... but I could be nuts. Need a focus group..

I'll make a table to contain everything, background it black, and have the rest be white background. A few minutes adjusting my stylesheet and the pages that load inside the iframe will be white backgrounded as well, and this just might work. :D

Sure is muggy here right now, I'm in the Tennessee Valley. The good part is you don't have to drive very far at all to see some marvelous stuff, and the mountains aren't much farther.

Also, I'm thinking up some way to allow javascript-disabled users to scroll the page. Something that would pop in scrollbars on the iframe if js is off, not sure how to do it yet but I'll find out how hopefully.
 
Back
Top