Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
I'm trying to think of a way to do this in CSS only. Thanks to everyone who is reading this / attempting to help.
For a page for a small portfolio section of a business I would like to have the images displayed above a div, and once the image is clicked information/images/text are displayed in the div underneath the images. So if you click image one you view the info regarding that project, image two etc..
http://www.aeonex.net/php/port.html might give you a slight idea of what i want (it's not working of course) but thats the basic layout that I'm referring to.
Thank you all ! -
Um... I think what you want is a "tool tip", correct?
Try this: Pure CSS Tooltips
I know Eric Meyer wrote about this a couple years ago, but I can't seem to find his link; the above mentioned article seems to do the same trick though. -
- CommentAuthoraxe_sosharp
- CommentTimeDec 27th 2007
Is this the article you were thinking of Pure CSS Pop Ups? -
-
CommentAuthoradjustafresh
- CommentTimeDec 27th 2007
If you want the additional data to appear when the user clicks on the image above the div you've described, you're going to need to include some basic JavaScript to manipulate the CSS display property.
If you're cool with the hover effect, both examples above should meet your needs. -
-
I already have floating tool tips....as seen in my demo. I need more of what adjustafresh is talking about. You click an image and information basically about that image (2 paragraphs +) show up underneath.
-
- CommentAuthorPettyRider
- CommentTimeDec 30th 2007
Well, currently your page doesn't work at all. Get it working without the effect, then add some javascript to achieve the effect you're talking about. If you aren't up to speed on javascript, what better time to learn?
1 to 6 of 6