Stu Nicholls | CSS PLAY | Internet Explorer png image map
Whilst working on a recent demonstration I spotted this peculiar behaviour in all versions of Internet Explorer. If you have a link which has a png background image and you use the Microsoft AlphaImageLoader to make it render with alpha transparency then ONLY the parts of the image that do not have 'transparency' are clickable. Although this is restricted to only Internet Explorer I thought that i
Stu Nicholls | CSS PLAY | True Type Fonts - @font-face
CSS DEMOS › @font-face - true-type fonts Date : 20th October 2009 For all modern browsers ttf fonts for your web pages Have you ever wanted to use a 'non-standard ' font in your web pages? Well, now things are looking up and several browsers are able to display ttf fonts using just CSS. If you are viewing this page in the latest versions of Firefox, Opera, IE6, IE7, IE8 and Safari (Mac) then this
Stu Nicholls | CSS PLAY | A Scrolling Filmstrip Photograph Gallery
CSS DEMOS › Film strip gallery with information text Date : 29th July 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Hover over the filmstrip to turn the negative images into the positive versions and display the full size image above. Hover over the full size image to see the descriptive text. We are a fairly small, flexible design studio
Stu Nicholls | CSS PLAY | Horizontal unordered list non floating
Information Using display:table; which is understood by all the modern browsers, we can center a horizontal menu of unknown width by using margin values. For IE6 and IE7 we can use display:inline-block; and display:inline; which gives the menu a width value and then position this using text-align. When using display:table; in Firefox, you must also use display:table-row; in the following element t
Stu Nicholls | CSS PLAY | Vertical sliding CSS menu
CSS MENUS › Vertical concertina slide menu Date : 30th October 2008 For all modern browsers MENU HOME PRIVACY POLICY SALES Digital SLR Cameras Interchangeable Lenses Flash Guns and Accessories Professional Tripods Filters & Lens Hoods SERVICES Printing & Framing Photo Editing Storage & Backup CONTACTS Support Sales Buying Photographers Stockist General STORES LOCATION South West Region North East
Stu Nicholls | CSS PLAY | Professional horizontal menus
CSS MENUS › Professional horizontal series Date : August - November 2007 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Professional #1 Home Privacy Policy Products Where to find us Contact us Search Download Pro menu #1. Please read terms and conditions below. Professional #2 Home Privacy Policy Products Where to find us Contact us Search Down
Stu Nicholls | CSS PLAY | Professional drop-down menu #2
CSS MENUS › Professional drop-down #2 Date : 2nd October 2007 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Home Products Cameras Nikon Minolta Pentax Lenses Wide Angle Standard Telephoto Zoom 35 - 125mm 50 - 250mm 125 - 500mm Mirror Non standard Bayonet mount Screw mount Flash Guns Tripods Filters Services Printing Photo Framing Retouching Ar
Stu Nicholls | CSS PLAY | A css only dropdown menu further examples
A simple looking menu this time, but looks can be deceiving. This one is for those people who have no room for a drop down/ flyout menu. Give it a try, but be prepared for a surprise. The hover state varies the background and foreground shades of grey. As you have found out, if a drop down menu has no flyout and is longer than 6 items a scroll bar is added. If a flyout is longer than 6 items then
Stu Nicholls | CSSplay | CSS link pop-up balloons
CSS DEMOS › Information balloon pop-ups Date : 22nd April 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. fadtastic Fadtastic - The Multi-Author Web Design Trends Journal. Web design trends discussed. fadtastic archive RSS Feed Attitude Design Attitude Design is a resource for graphic designers. Beauty is only skin deep... Attitude is in th
stu nicholls | CSS PLaY | cross browser multi page photo gallery
CSS DEMOS › Cross Browser Multi-Page Photograph Gallery Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Information Based on the look of Suckerfish HoverLightbox, this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version does not use javascript but is pure CSS
Stu Nicholls | CSS PLAY | Validating drop down cross-browser menu
CSS MENUS › A cross-browser drop-down cascading validating menu Date : 6th March 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. DEMOS zero dollars wrapping text styled form active focus HOVER/CLICK > styled form active focus hover/click shadow boxing image map fun backgrounds fade scrolling em sized images MENUS spies menu vertical menu en
Stu Nicholls | CSS PLAY | A validating link calendar
Information My previous examples of calendars were fairly basic and the 'Simple List Calendar', as several visitors pointed out, did not allow links to be added to the dates. With these shortcomings in mind I have produced this calendar which I believe fixes all these problems and also solves the problem of having to have two sets of code/css and not being valid xhtml1.1. To see this in action hov
Stu Nicholls | CSS PLAY | Two Colour Text
MOZILLA › Two Tone Headings Date : Pre 2006 For all the latest browsers HEADING WITHOUT LINE HEADING WITH LINE ... and there you have it ... IN BLACK AND GREY ... but IE will only see monotonous text. This is pure text, no images have been used in the making of this demo. This works in Firefox and Opera and I assume some Mac browsers. Please let me know. In 2004 Internet Explorer just saw a single
stu nicholls | CSS PLaY | image map for detailed information
CSS DEMOS › Image map for detailed information Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Jacopo Bassano - The Flight into Egypt An Old Master He was born around 1510 in the town of Bassano del Grappa, located about 65 km from the city of Venice. His father, Francesco il Vecchio, was a locally successful painter who had esta
Stu Nicholls | CSS PLAY | Definition list bar charts
CSS DEMOS › A definition list bar chart Date : Pre 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Chart #1 Browser usage (%) - July 2005 IE.6 = 67% IE.5 = 6.7% Opera = 1.2% Firefox = 19.7% Mozilla = 2.6% NN7 = 0.8% Chart #2 Browser usage (%) - July 2005 IE.6 = 67% IE.5 = 6.7% Opera = 1.4% Firefox = 19.7% Mozilla = 2.6% NN7 = 1.1% Informati
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stu Nicholls | CSSplay | Simple 100% height layout with semi fixed footer
Stu Nicholls | CSS PLAY | No flicker rollover menu
Stu Nicholls | CSS PLAY | CSS dynamic image magnifier
Stu Nicholls | CSS PLAY | Conditional comments for IE and non-IE browsers
http://www.cssplay.co.uk/favicon_ads.html