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.
CSS play Recommend
- Online PR-Portal Social Media News
Our Press releases you can read on OA News - wholesale
- Phuket guide
A complete guide to Phuket - Web Banner Design
Unique designs from $20 - Pretronics UK
Pre Press Servicing - Web Hosting
Plans start at only $2.99/month - Northstar Hire
Pre book private car hire, Gloucester UK - Register Domain Name
- SEO
- SEO
Free SEO Analysis From SEO Consult - www.thai.se
Thailand guide - Leading digital agency
Search & social experts to increase traffic - web designer
- Myspace layouts and counter
Lyrics, polls, images & backgrounds -Free! - Website Design
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