London has the greatest concentration of major attractions in Britain and boasts four World Heritage Sites.
Bristol is an exciting city, overflowing with intriguing, traditional and occasionally off the wall things to do and see.
Swansea, Wales' City by the Sea and birthplace of Dylan Thomas and Catherine Zeta Jones, is a lively and vibrant maritime city and regional shopping centre.
Some of the most popular places of interest with visitors are Nottingham Castle Museum and Art Gallery, the historic Lace Market area and the Caves.
One of Europe's leading cultural capitals, Glasgow has an enviable portfolio of internationally renowned museums and galleries.
The capital of Northern Ireland combines fine Victorian architecture, a fascinating industrial heritage and beautiful scenic surroundings.
Dublin has become a fashionable and cosmopolitan destination, yet remains one of Europe's more intimate capital cities.
Information
Back to the simple stuff.
This is a simple method of adding interest to a map of the British Isles & Ireland.
Hover the mouse over the black squares to see a pop-up information box about the particular place of interest. The pop-up box is styled to look as though an arrow is pointing from the place of interest to the photograph and descriptive text.
This works in IE5.5, IE6, IE7, Firefox, Opera etc.
Hacks have been added to make it work in IE5.5 for people browsing using the standalone version. Strictly speaking IE5.5 should have it's own CSS loaded using a conditional comment.
Cascading Style Sheet
If you look at the header of this page you will see that the css for this demonstration is embeded in the page.
THE xhtml
The xhtml code for the 'mapping the British Isles & Ireland' can be seen in the #info div of the page markup, so just view the source code for this information.
Please note that you will also need a standards compliant !doctype for this demonstration to work correctly.
Copyright
You may use this method on your personal 'non-profit' web site without seeking my permission. A link back to CSSplay is always appreciated.
Commercial usage is also permitted without seeking approval, but I would ask that a donation is considered to support my work on CSSPlay.
If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
- Each week the Creare Group produce video tutorials for SEO and tips and tricks for the web design industry.
- We offer nothing but the highest quality SEO, Social Media Optimisation And PPC services to businesses in London
- Register Domain Name
- web designers company providing number 1 services for website design and SEO
- IT Support Bristol
- Web Design
- Website Designers - Compare quotes from local website designers
- Top Website Design Company CWD.
Get the Perfect Website! - Web Design Birmingham - Expert web design, marketing and support
- UK's white label Web Design specialist
- Affordable Web Design from EU Design Studio
CSS play Testimonial
"The 
web site uses
CSS play code for the site drop down menus.
This code works seamlessly in IE 6 & 7, and is an excellent solution to the Creative requirements of the site."
Damon Clark - Brandwidth