Hi, I'm wondering if there is a definitive way to show/hide text using JavaScript and CSS. I'm working on a project which involves a map with various states that are linked. When a state is clicked content appears which is relevant to that state. Click another state, the old content is hidden and the new content appears.
You can see what I've come up with here: http://www.bicyclingbeyondcitylimits.com/new/excerpts.html Obviously this doesn't work so well as the positioning is not correct. I'm using the same CSS for each <div/> of content: #ca { background-color: #FFFFFF; width: 480px; position: absolute; top: 515px; left: 378px; visibility: hidden; z-index: 100; padding: 10px; } I'm then using JavaScript to show/hide the layers. Any suggestions to obtain cross-browser positioning bliss? I've seen some sites via Google but nothing that does this necessarily. Help and hazings always appreciated. Thanks, Jon Jon Wynacht [EMAIL PROTECTED] http://www.objectevolution.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
