6 replies [Last post]
Peter Mount
Peter Mount's picture
Offline
Regular
Melbourne Australia
Last seen: 15 years 45 weeks ago
Melbourne Australia
Timezone: GMT+10
Joined: 2004-08-08
Posts: 19
Points: 0

Hi

Is it at all possible to have a popup window generated by purely using css (ie from clicking on a link)?

Thanks

Peter Mount

DanA
DanA's picture
Offline
Elder
Last seen: 12 years 46 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

popup window using css

You can have a CSS popup by hovering (limited to a link with MSIE)

Peter Mount
Peter Mount's picture
Offline
Regular
Melbourne Australia
Last seen: 15 years 45 weeks ago
Melbourne Australia
Timezone: GMT+10
Joined: 2004-08-08
Posts: 19
Points: 0

popup window using css

Hi

Where can I find an example of how that's done?

Thanks

Peter Mount

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 11 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

popup window using css

Have a hunt through stu's site, full of clever stuff.

http://www.s7u.co.uk/

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

GuyDavies
GuyDavies's picture
Offline
Enthusiast
Manchester, UK
Last seen: 13 years 40 weeks ago
Manchester, UK
Joined: 2004-09-11
Posts: 55
Points: 0

popup window using css

Hi Peter Mount I know that you could do this if you are using DreamweaverMX 2004 by creating a layer on top of your page set its default visibility to hidden and use css to position it where you want it to be. Then select the the image or text in your document you want to use as a link to your pop-up and add # to the link box and use the Window > Behaviors panel select your link and add a show-hide layers behavior to your text.

This is a pretty poor explanation of how this works but to see an example click here.

Hope this helps in some strange way, if you need a better description then just say so here and I will type out a step by step for you.

http//www.guydavies.eclipse.co.uk/

Peter Mount
Peter Mount's picture
Offline
Regular
Melbourne Australia
Last seen: 15 years 45 weeks ago
Melbourne Australia
Timezone: GMT+10
Joined: 2004-08-08
Posts: 19
Points: 0

popup window using css

Thanks for the replies. These are great.

I don't have Dreamweaver mx 2004 but I'm tempted to buy a copy when I can afford it.

Peter Mount

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 8 years 11 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

popup window using css

Don't! it will only hamper your ability to learn to code pages correctly, it trys to do too much for you and produces bad code

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me