I'm looking for css, that can do something like below:
http://www.dynamicdrive.com/dynamici...jaxcontent.htm
| SitePoint Sponsor |




I'm looking for css, that can do something like below:
http://www.dynamicdrive.com/dynamici...jaxcontent.htm


Do you mean the 2 column layout with header and footer?




I mean that when you click the link, different content pops up. But I just wanna use pure css?


Nope. This is squarely in the realm of behavior, rather than appearance, which is where JavaScript thrives.
HTML (Structure), CSS (Appearance), JavaScript (Interaction)
Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns


Hi,
As Dan said this is really a behaviour that should be handled preferably serverside (or ajax etc) and is rarely useful other than for small amounts of content. If you use the method for a whole site you end up with a non-site because it is only there when the the script creates it.
You can actually trick css in to doing something similar but its not advised and won't work everywhere.
e.g.
http://www.pmob.co.uk/temp/hideandshow2-css.htm
The drawback of javascript and the css methods is that all content has to reside in the page unlike the ajax script which loads just the content from the server.
www.pmob.co.uk CSS FAQ 3 col demo Read My CSS Articles
Ultimate CSS Reference
Check out SitePoint's latest JavaScript challenge
Bookmarks