PDA

View Full Version : CSS layer on top of page



map
08 Nov 2008, 09:23 PM
Greetings everyone!

OK, so you all probably know those JS/CSS thingies - when you click on a small picture (or text), nice full-size image will open in new "window" on top of your current page.

Examples are here: http://highslide.com/

I am looking for a super basic thing like this with no (or very little) JavaScript.

What I want to do is - click on some text on my page and this sexy "window" with HTML content (no image) will open. It will be a big "window" so I need it to be centered in the middle of page/user browser.

It would be super-cool if it would make my page be in a shadow or fog or something but it's not necessary.

Thanks for help guys.

Wickham
10 Nov 2008, 01:52 AM
The popup on click in a medium-sized window at http://highslide.com/ is javascript and you can download the codes from that page. I don't think you will do anything similar without javascript but you can do popups on hover with pure CSS (no javascript) but as soon as you move the mouse away you lose the popup.

See
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
and
http://www.wickham43.supanet.com/tutorial/hoverpopups.html which shows text which produces a popup text box on hover and you can alter the popup size. It's designed as a link but you can disable the link by adding nogo or thumb in the link
.........<a href="nogo">..........