http://www.cssplay.co.uk/ www.cssplay.co.uk documents my attempts at understanding and exploring the possibilities of CSS. en-gb http://www.cssplay.co.uk http://www.cssplay.co.uk/graphic/cssplay_button.gif 88 31 http://www.cssplay.co.uk/boxes/maxwidth.html A CSS ONLY answer for 'max-width' in IE6. No javascript or Microsoft expressions. Stu Nicholls 2009-10-05 http://www.cssplay.co.uk/menus/dl-clickslide.html Added a click to open and also a reclick to close feature. Stu Nicholls 2009-10-03 http://www.cssplay.co.uk/menus/dl-clickslide.html A variation of the hover slide menu in which the top level links have two options. Stu Nicholls 2009-10-01 http://www.cssplay.co.uk/menu/clickgallery.html A click gallery in which the large image is permanently on screen until another image is chosen EVEN when refreshing the page. Stu Nicholls 2009-09-27 http://www.cssplay.co.uk/menus/ul-multi.html ..and finally a multi level version using the new system, again with no hacks, table, conditional comments or javascript. Stu Nicholls 2009-09-20 http://www.cssplay.co.uk/menus/ul-dropdown.html For those who prefer nested unordered lists for their menus, again with no hacks, table, conditional comments or javascript. Stu Nicholls 2009-09-20 http://www.cssplay.co.uk/menus/dl-pullup.html A horizontal pullup menu to continue with this series, again with no hacks, table, conditional comments or javascript. Stu Nicholls 2009-09-18 http://www.cssplay.co.uk/menus/dl-flyleft.html A fly left version of the previous menu, again with no hacks, table, conditional comments or javascript. Stu Nicholls 2009-09-16 http://www.cssplay.co.uk/menus/dl-flyout.html Using the latest techniques for no hacks menus this is a vertical flyout version with all the features of the slide menu including tabbing, and the sub list stays open when clicking the top level. Stu Nicholls 2009-09-15 http://www.cssplay.co.uk/menus/dl-slide.html Using the latest techniques for no hacks menus this is a vertical slide version with all the features of the dropdown menu including tabbing, and the sub list stays open when clicking the top level. Stu Nicholls 2009-09-09 http://www.cssplay.co.uk/menus/dl-dropdown.html A definition list menu using the new menu system to simplify the styling Stu Nicholls 2009-09-08 http://www.cssplay.co.uk/menus/new-dropdown.html Afer all this time there is finally a dropdown menu that doesn't use javascript, table, conditional comments, hacks, extra markup and works in all the major browsers including IE6. Stu Nicholls 2009-09-07 http://www.cssplay.co.uk/menus/vertical-list.html A vertical menu with a 2 tier flyout and the last tier can contain any information you like including images, text and further links. Stu Nicholls 2009-09-02 http://www.cssplay.co.uk/menu/zoom.html Zooming a single image on hover. Stu Nicholls 2009-08-29 http://www.cssplay.co.uk/menu/zoom-gallery.html A simple hover over thumbnail gallery with a zoom feature. Stu Nicholls 2009-08-28 http://www.cssplay.co.uk/menus/slide-up-down.html An experimental menu to explore the possibility of having sliding images on hover Stu Nicholls 2009-08-27 http://www.cssplay.co.uk/menus/fisheye8.html Adding the use of png images for IE6 and giving a smoother zoom animation Stu Nicholls 2009-08-26 http://www.cssplay.co.uk/menus/fisheye6.html Another version of the CSS only fisheye menu, this time with expanding images and associated text. Stu Nicholls 2009-08-25 http://www.cssplay.co.uk/menu/fisheye3.html A very simple method of magnifying an image using just CSS Stu Nicholls 2009-08-25 http://www.cssplay.co.uk/menus/fisheye2.html A similar menu to the previous image version, but this time using expanding text on mouseover. Stu Nicholls 2009-08-24 http://www.cssplay.co.uk/menus/fisheye.html A CSS only version of the popular javascript dynamic menu. Stu Nicholls 2009-08-24 http://www.cssplay.co.uk/menus/divide-and-conquer.html Fixing a problem when having vertical divide lines between horizontal link and using rollover images. Stu Nicholls 2009-08-24 http://www.cssplay.co.uk/menus/droplist-image.html A droplist menu using top level blocks containing images with text and links. Stu Nicholls 2009-08-18 http://www.cssplay.co.uk/menus/pro-droplistv2.html A previous professional droplist menu with the additional feature of a dropline heading with droplists giving extra lists within the same dropdown. Stu Nicholls 2009-08-17 http://www.cssplay.co.uk/menus/latest-flyout.html Back to basics to show how to use the latest techniques to produce a flyout menu with the widths of the sub levels automatically sized to fit the longest text. Stu Nicholls 2009-08-05 http://www.cssplay.co.uk/menus/centering.html There have been many methods of centering unordered lists of unknown width, but this is the one I have found to be most robust. Stu Nicholls 2009-07-31 http://www.cssplay.co.uk/menu/filmstrip-v2.html As promised, the previous filmstrip gallery rotated into a vertical format with a few enhancements. Stu Nicholls 2009-07-30 http://www.cssplay.co.uk/menu/filmstrip.html A gallery using a horizontal scrolling filmstrip containing negative/positive thumbnails and landscape/portrait large images with show/hide descriptive text. Stu Nicholls 2009-07-29 http://www.cssplay.co.uk/menus/anywidth-dropline-all-center.html A dropline with dropdown menu which has widths automatiaclly set to suit content, the top level centered and all sub levels centered beneath the parent item. Stu Nicholls 2009-07-28 http://www.cssplay.co.uk/menus/mini-pages-v2.html A version of my mini tabbed pages with the ability to have a tab open on page entry. Stu Nicholls 2009-07-27 http://www.cssplay.co.uk/menus/pro-droplist.html A droplist menu with method of setting the number of columns in each list and the option of a full width bottom bar for extra linking. Stu Nicholls 2009-07-25 http://www.cssplay.co.uk/menus/anywidth-pullup.html An anywidth menu with the top level centered and the sub menus as wide as required with pullup and flyout left/right. Stu Nicholls 2009-07-23 http://www.cssplay.co.uk/menus/pro_line_down_fly_v2.html A version 2 of the dropline, dropdown and flyout hybrid menu. Stu Nicholls 2009-07-12 http://www.cssplay.co.uk/menu/object-object.html A mixed gallery using just html/css to switch the contents of an 'object'. The content can be text, images, shockwave/flash and quicktime movie. Stu Nicholls 2009-06-22 http://www.cssplay.co.uk/menus/triple-block-hover.html A three link block of information with rollover effect. Stu Nicholls 2009-06-17 http://www.cssplay.co.uk/menu/vertical-slide.html A conversion of the horizontal scrolling gallery into a vertical version. Stu Nicholls 2009-06-16 http://www.cssplay.co.uk/menus/anywidth-center-fly.html A multi level dropdown flyout anywidth menu with dropdown and flyouts that are centered beneath the top level links, with the ability to have a left or right flyout. Stu Nicholls 2009-06-15 http://www.cssplay.co.uk/menus/anywidth-dropline-center.html A dropline anywidth menu with droplines that are centered beneath the top level links which are also centered. Stu Nicholls 2009-06-13 http://www.cssplay.co.uk/menus/anywidth-center-center.html A single level dropdown anywidth menu with dropdown that are centered beneath the top level links. Stu Nicholls 2009-06-12 http://www.cssplay.co.uk/menu/object-gallery.html A photograph gallery using just html/css to switch the contents of an 'object' for browsers that understand and an iframe alternative for IE. Stu Nicholls 2009-06-06 http://www.cssplay.co.uk/menus/multi-column.html A single level dropdown menu with multi-columns, headings and curved corners using sliding doors techniques for the dropdowns. Stu Nicholls 2009-06-02 http://www.cssplay.co.uk/menus/stamp-collecting.html A dropdown menu with any width sub menus and the option of left or right dropdown/flyouts. Stu Nicholls 2009-05-20 http://www.cssplay.co.uk/menus/centered2.html After much searching of the web and with the arrival of IE8, I now have a method of positioning horizontal menus of unknown width left / center / right in the containing element. Stu Nicholls 2009-05-08 http://www.cssplay.co.uk/menus/drop-table.html A dropdown menu that uses a table to hold the dropdown information. Stu Nicholls 2009-05-07 http://www.cssplay.co.uk/menus/anywidth-flyout2.html A second 'any width' flyout menu, this time with an over run area and gapping between menu items. Stu Nicholls 2009-05-06 http://www.cssplay.co.uk/menus/iframe-shim.html Applying the iframe shim fix to the variable width dropdown/flyout menu system. Using expressions to add the iframe and styling. Stu Nicholls 2009-05-01 http://www.cssplay.co.uk/menus/skeleton4.html The fourth in the skeleton menu series restyled to use recent developments to make it work in all versions if IE from IE5.5 to IE8. Stu Nicholls 2009-04-30 http://www.cssplay.co.uk/menus/anywidth2.html A restyled version that allows dropdowns and flyouts to the left and right. Centered top level list and different color sub levels. Even works in IE5.5. Stu Nicholls 2009-04-30 http://www.cssplay.co.uk/menus/anywidth-flyout.html A flyout version of the 'any width' dropdown menu. Stu Nicholls 2009-04-28 http://www.cssplay.co.uk/menus/anywidth.html A simplified method of producing a centered dropdown and flyout menu with variable widths depending on text content. Stu Nicholls 2009-04-27 http://www.cssplay.co.uk/menus/total_background.html A CSS only method of hovering over a horizontal menu link to change the whole menu background image. Stu Nicholls 2009-04-20 http://www.cssplay.co.uk/menus/image-text-hover.html A CSS only method of hovering over text OR associated images to highlight both AND grey out other images. Stu Nicholls 2009-04-09 http://www.cssplay.co.uk/menus/pro-dropline-images.html A dropline menu which uses sliding doors tabs for the top level and a horizontal scrolling dropline which has images and caption. Stu Nicholls 2009-04-07 http://www.cssplay.co.uk/menu/lightbox-click.html A click version of the Light Box for all browsers except Safari and Chrome Stu Nicholls 2009-03-06 http://www.cssplay.co.uk/menu/lightbox-hover.html A CSS take on the javascript LightBox using hover over thumbnail images Stu Nicholls 2009-03-06 http://www.cssplay.co.uk/menu/gallery-large.html A photograph gallery with hover to show large images with linking to full size images or another page. Stu Nicholls 2009-02-20 http://www.cssplay.co.uk/menu/one_pagev2.html A second version of the tabbed pages with a default page open on entry. Stu Nicholls 2009-02-18 http://www.cssplay.co.uk/menu/one_page.html An update to one of my early 'one page' demonstrations to bring it up to date using the latest CSS techniques. Stu Nicholls 2009-02-18 http://www.cssplay.co.uk/menu/gallery.html An update to one of my early gallery demonstrations to bring it up to date using the latest CSS techniques. Stu Nicholls 2009-02-18 http://www.cssplay.co.uk/menus/multi-ski.html A centered dropline, dropdown, flyout menu, using the latest centering technique, with current selection option Stu Nicholls 2009-02-08 http://www.cssplay.co.uk/menus/pro-drop-image.html A centered dropdown menu, using the latest centering technique, with flyout images Stu Nicholls 2009-02-06 http://www.cssplay.co.uk/layouts/three-column-layouts.html A set of 7 variations on the 3 column equal height theme. All full width with header and footer, a mixture of fixed and percentage column widths and no images. Stu Nicholls 2009-02-04 http://www.cssplay.co.uk/layouts/flexible-equal-height.html A fluid layout with max/min width, header/footer and multiple percentage columns ALL reaching the footer using NO images. Stu Nicholls 2009-02-02 http://www.cssplay.co.uk/menus/concertina-scroll.html Tree Frog menu revised to have scrolling sub menu lists to save space. Stu Nicholls 2009-01-28 http://www.cssplay.co.uk/menus/centered.html Applying a simple method of centering single level variable width, float left menus. Stu Nicholls 2009-01-24 http://www.cssplay.co.uk/menus/skeleton3.html At last a stable cross browser method of centering a variable width float left dropdown menu. Stu Nicholls 2009-01-23 http://www.cssplay.co.uk/ie/3pxbug.html Just revisiting an old bug in IE6 for those who are still strugglimg for an answer. Stu Nicholls 2009-01-15 http://www.cssmenus.co.uk/ Not strictly CSSplay news but a new project for 2009. A new site for CSS only menus. Stu Nicholls 2009-01-11 http://www.cssplay.co.uk/layouts/layout.html A new layout for a change. This one is semi-fluid 100% height with a semi-fixed footer. Stu Nicholls 2008-11-28 http://www.cssplay.co.uk/menus/pro-dropline-9.html Another in the dropline series. This one has a simplified method of adding a 'current' selection. Stu Nicholls 2008-11-26 http://www.cssplay.co.uk/menus/elegant2.html A simple dropdown, flyout menu with the sub links sliding over the flyout menu lists. Stu Nicholls 2008-11-16 http://www.cssplay.co.uk/menus/circular-sub.html The previous menu expanded to have sub menu icons with descriptive text. Stu Nicholls 2008-11-10 http://www.cssplay.co.uk/menus/circular.html A simple single level circular menu using icons with mouseover descriptions. Stu Nicholls 2008-11-09 http://www.cssplay.co.uk/menus/concertina2.html A horizontal concertina menu that takes on the appearance of a bookshelf with lever arch files. Stu Nicholls 2008-11-07 http://www.cssplay.co.uk/menus/elegant1.html A simple dropdown menu with no graphics but plenty of 'style'. Stu Nicholls 2008-11-06 http://www.cssplay.co.uk/menus/concertina-slide.html A CSS only version of the vertical sliding menu published on stunicholls.com. Stu Nicholls 2008-10-30 http://www.cssplay.co.uk/menu/inline-links3.html A sliding doors version of inline blocks to fit any text width. Stu Nicholls 2008-10-23 http://www.cssplay.co.uk/menu/inline-links2.html A version of the previous demo that uses sematically correct markup to achive the same results but fails in Safari(PC) and Google Chrome which do not undestand the styling. Stu Nicholls 2008-10-21 http://www.cssplay.co.uk/menu/inline-links.html An easy, validating method, to apply block styling to inline links. Stu Nicholls 2008-10-19 http://www.cssplay.co.uk/menus/pro_variable5.html A follow on from #4 but using another single line expression to place the iframe shim and work out the size required. Stu Nicholls 2008-10-17 http://www.cssplay.co.uk/menus/pro_variable4.html A follow on from #3 but using a single line expression to do what suckerfish does with javascript. Stu Nicholls 2008-10-15 http://www.cssplay.co.uk/menus/pro_variable3.html The answer to the problem of having variable width for each dropdown and flyout submneu without the need to style each width. Stu Nicholls 2008-10-13 http://www.cssplay.co.uk/menus/pro-flyline1.html The first in a series of fly line menus, this one using icons and image replacement techniques Stu Nicholls 2008-10-06 http://www.cssplay.co.uk/menus/pro_dropline8.html Image replacement techniques to have top level icons and a simple method of displaying the meaning of each icon. Stu Nicholls 2008-10-05 http://www.cssplay.co.uk/menus/pro_dropline7.html The 7th professional dropline menu which can have as many droplines as you wish. The demo goes up to 5 lines. Stu Nicholls 2008-09-22 http://www.cssplay.co.uk/menus/pro_drop13.html The thirteenth in the professional dropdown menu series. This one has full png transparency to give a translucent appearance to the menu with a single level dropdown menu. Stu Nicholls 2008-09-14 http://www.cssplay.co.uk/menus/pro_drop12.html The fourth in the professional dropdown menu 3D series. This one has full png transparency to give a translucent appearance to the menu, variable width sub menus and incorporates an IE6 fix for select boxes. Stu Nicholls 2008-09-08 http://www.cssplay.co.uk/menus/iframe_fix3.html A third method of fixing the IE6 bug when dropdown menus are transparent and dropping under select boxes. Stu Nicholls 2008-09-05 http://www.cssplay.co.uk/menus/iframe_fix2.html A second method of fixing the IE6 bug when dropdown menus are dropping under select boxes. Stu Nicholls 2008-09-03 http://www.cssplay.co.uk/menus/pro_dropline6.html The 6th professional dropline menu with ability to have a current selection and dropline highlighted. Stu Nicholls 2008-08-25 http://www.cssplay.co.uk/menu/tictactoe.html Another CSS game, just for fun and to show that it can be done. Uses small javascript routine to read mouse clicks and hovers. The logic, however, is all CSS. Stu Nicholls 2008-08-23 http://www.cssplay.co.uk/menu/safari.html A demonstration for Safari users only to show how this browser is expanding its webkit repertoire. Stu Nicholls 2008-08-13 http://www.cssplay.co.uk/menus/vertical-concertina.html A vertical example of a concertina menu with the first level open as default. Stu Nicholls 2008-08-11 http://www.cssplay.co.uk/menus/scroller.html An experimental menu using horizontal scrolling images. Stu Nicholls 2008-08-08 http://www.cssplay.co.uk/menus/breadcrumb.html A flyout menu with the facility to add a breadcrumb trail to the current page. Stu Nicholls 2008-07-30 http://www.cssplay.co.uk/menus/concertina.html A horizontal concertina menu for displaying further information including list, images and text. Stu Nicholls 2008-06-28 http://www.cssplay.co.uk/menus/iframe_fix.html An easy method of fixing the IE6 bug when dropdown menus are dropping under select boxes. Stu Nicholls 2008-05-13 http://www.cssplay.co.uk/menus/pro_drop11.html The third in the professional dropdown menu 3D series. This one has full png transparency to give a translucent appearance to the menu. Stu Nicholls 2008-03-16 http://www.cssplay.co.uk/opacity/png_link_error.html Solving the problem of having unselectable links when placed over AlphaImageLoader pngs. Stu Nicholls 2008-03-14 http://www.cssplay.co.uk/menu/photo_not_so_simple.html The gallery that many visitors have been asking for. The simplest gallery with three extra features. Stu Nicholls 2008-03-08 http://www.cssplay.co.uk/menus/pro_drop10.html The second in the professional dropdown menu 3D series. This one has greater flexibility in size and color. Stu Nicholls 2008-03-04 http://www.cssplay.co.uk/menus/pro_drop9.html A professional dropdown menu with a 3D look using png shadows. Stu Nicholls 2008-03-02 http://www.cssplay.co.uk/menus/flyout_flash.html A fix to get flyout (and dropdown) menus to show over a flash object. Stu Nicholls 2008-02-29 http://www.cssplay.co.uk/menus/pro_drop8.html Finally an easy fix for the IE5.x and IE6 bug where a select box will always appear on top of a dropdown menu list. All done with CSS and an iframe shim. Stu Nicholls 2008-02-14 http://www.cssplay.co.uk/menus/pro_line_down_fly.html Another version of the dropline dropdown hybrid menu to add a flyout stage. Stu Nicholls 2008-02-12 http://www.cssplay.co.uk/menu/click_gallery.html A follow on from the sliding gallery but this time using clicks to open each set. Also has additional features allowing the use of landscape and portrait images and descriptive text. Stu Nicholls 2008-02-11 http://www.cssplay.co.uk/menus/image_dropdown.html A menu that many visitors have asked for. Using images in place of text. Stu Nicholls 2008-01-28 http://www.cssplay.co.uk/menus/pro_drop7.html The seventh in the professional drop down series. This one has a current drop-line feature. Stu Nicholls 2008-01-24 http://www.cssplay.co.uk/menu/marbles.html A method of producing CSS only circular hot-spots on an image map. Stu Nicholls 2008-01-13 http://www.cssplay.co.uk/menus/slide_fly.html A vertical sliding menu with flyout sub levels based on my javascript 'tree frog' series. Stu Nicholls 2007-12-27 http://www.cssplay.co.uk/menu/list_gallery.html A photo gallery in which the photos can be split into various category lists which appear in a sliding menu system. Stu Nicholls 2007-12-18 http://www.cssplay.co.uk/menus/pro_left_right_line.html A dropline menu split into two parts with left aligned and right aligned top level items. Stu Nicholls 2007-12-11 http://www.cssplay.co.uk/menus/pro_dropline_dropdown.html A hybrid menu using a dropline and dropdown sub menu system Stu Nicholls 2007-12-09 http://www.cssplay.co.uk/menus/skeleton2.html The second in the skeleton series, this time for use on dark backgrounds. Stu Nicholls 2007-12-01 http://www.cssplay.co.uk/menus/pro_horizontal Continuing the Professional horizontal series with menu #17. Stu Nicholls 2007-11-29 http://www.cssplay.co.uk/menus/pro_drop6 Continuing the Professional dropdown series with one that allows section headings and dividers in the submenus. Stu Nicholls 2007-11-24 http://www.cssplay.co.uk/menus/skeleton A simple menu with variable width drop-down and flyout sub levels in which the widths are as large as necessary to contain the text. Stu Nicholls 2007-11-09 http://www.cssplay.co.uk/menu/photo_left_right The second in a series of galleries using just a little javascript to control the styling and produce a left/right thumbnail selector. Stu Nicholls 2007-10-23 http://www.cssplay.co.uk/menu/photo_click A Photograph Click Gallery using a little javascript to give more control over the presentation. Stu Nicholls 2007-10-22 http://www.cssplay.co.uk/menu/some_more A revised 'show me some more' demonstration using a small javascript 'toggle' routine to alter stylesheet class names. Stu Nicholls 2007-10-20 http://www.cssplay.co.uk/menus/tree_frog_slide The previous 'Tree Frog' menu revisited and restyled into a vertical slide menu with sub level flyouts. Stu Nicholls 2007-10-20 http://www.cssplay.co.uk/menus/pull_tabs Back to a more 'normal' menu which has a 'pull down' action with the top level list item dropping down to reveal the sub menu. Stu Nicholls 2007-10-19 http://www.cssplay.co.uk/menus/tree_frog An experimental menu using javascript 'click' to open the top level drop down list and 'hover' to open sub levels. Uses a small javascript routine that styles 'li:click' and li:hover. Stu Nicholls 2007-10-16 http://www.cssplay.co.uk/menus/click_clock An experimental menu using 'click' to open the top level drop down list. Uses a small javascript routine that styles 'li:click' in a simailar way to the suckerfish 'li:hover'. Stu Nicholls 2007-10-15 http://www.cssplay.co.uk/menus/pro_drop5 Another drop down menu in the professional series, this time with top level image replacement and variable width sub levels. Stu Nicholls 2007-10-13 http://www.cssplay.co.uk/menu/scrollmap A scrolling Image Map with fixed information panes. Stu Nicholls 2007-10-09 http://www.cssplay.co.uk/menus/pro_drop4 Professional drop down menu with variable widths for the drop down. Stu Nicholls 2007-10-06 http://www.cssplay.co.uk/menus/pro_drop3 Convertion of one of the simple horizontal professional series into a drop down menu. Stu Nicholls 2007-10-04 http://www.cssplay.co.uk/menus/pro_drop2 Professional looking drop-down menu using text over background images. Stu Nicholls 2007-10-02 http://www.cssplay.co.uk/menus/pro_dropline2-5 Professional looking drop-line menus in four different colors. Stu Nicholls 2007-09-26 http://www.cssplay.co.uk/menu/three_d A 3D look maze puzzle made entirely with CSS. Stu Nicholls 2007-09-21 http://www.cssplay.co.uk/boxes/border_error Highlighting a transparent border styling error in IE7. Stu Nicholls 2007-09-17 http://www.cssplay.co.uk/boxes/transparent_borders How to style transparent borders in IE5.x and IE6 using just CSS border styling and a couple of extra divs. Stu Nicholls 2007-09-17 http://www.cssplay.co.uk/menu/tilt A bit of lighthearted fun using just CSS. Stu Nicholls 2007-09-15 http://www.cssplay.co.uk/menus/pro_droptab A professional quality sliding doors drop tab centered with text links and description option. Stu Nicholls 2007-09-12 http://www.cssplay.co.uk/menus/pro_dropline A professional quality sliding doors drop-line centered with text links. Stu Nicholls 2007-09-07 http://www.cssplay.co.uk/menus/image_drop A professional quality sliding doors drop-down with text links. Stu Nicholls 2007-09-04 http://www.cssplay.co.uk/menus/pro_drop A professional quality drop-down menu with top level image rollovers. Stu Nicholls 2007-08-28 http://www.cssplay.co.uk/menus/pro_horizontal A series of professional quality horizontal menus using the 'sliding doors' techniques. Stu Nicholls 2007-08-23 http://www.cssplay.co.uk/menus/three-up-two-down Back to the 'traditional' menus using conditional comments, this is a vertical menu with up to five levels of flyout. The flyouts have alterante pull-up and drop-downs to save vertical space. Also has overlap and overrun for ease of use. Stu Nicholls 2007-08-21 http://www.cssplay.co.uk/menus/magic_menu_seven Probably the menu in the 'Magic Menu' series for a while. This one is a vertical flyout menu with a difference. Again it uses no javascript, no conditional comments, no behaviors and no .htc file, just css and html. Stu Nicholls 2007-08-18 http://www.cssplay.co.uk/menus/magic_menu_six Another menu in the 'Magic Menu' series. This one uses no javascript, no conditional comments, no behaviors and no .htc file, just css and html. Stu Nicholls 2007-08-17 http://www.cssplay.co.uk/index.html Two new experimental dropdown menus added. Both using a small javascript routine, no conditional comments or hack, and both with multiple flyouts.. Look under 'Recent Pages' > 'Menus'. Stu Nicholls 2007-08-15 http://www.cssplay.co.uk/index.html Three new experimental dropdown menus added. One with no conditional comments or javascript but does not support one browser, one with a small javascript file for all browsers and a final one without any javascript or conditional comments for all browsers. Look under 'Recent Pages' > 'Menus'. Stu Nicholls 2007-08-10 http://www.cssplay.co.uk/menus/index.html Three new menus added, a hexagon shaped, a 'shutter' dropdown and an enlarging with shadow effect. Stu Nicholls 2007-08-05 http://www.cssplay.co.uk/menus/lozenge.html Based on the ziggy menu this one is lozenge shaped and has transparent borders which work in IE5.5 and IE6 using just CSS. Stu Nicholls 2007-07-28 http://www.cssplay.co.uk/menus/zig-zag.html Four new demonstrations including a zig-zag dropdown menu, tool links and transparent borders in IE5.5 and IE6 using just CSS. Stu Nicholls 2007-07-27 http://www.cssplay.co.uk/menus/page_menu2.html Two new menus showing paged information with a default page when initially displayed. Stu Nicholls 2007-06-11 http://www.cssplay.co.uk/index.html One new experiments under 'Demos' showing image mapping maps, and FIVE new menus under 'Menus' Stu Nicholls 2007-06-07 http://www.cssplay.co.uk/index.html Two new experiments under 'Demos' showing tooltips and background color change on hover Stu Nicholls 2007-05-11 http://www.cssplay.co.uk/menus/menu_builder_flyout.html Four new horizontal centered menus and a Menu Builder for the simplified flyout menu. Make building the html and css a whole lot easier. Stu Nicholls 2007-04-25 http://www.cssplay.co.uk/menus/simple_vertical.html A new six level dropdown menu with overrun and overlap and simplified CSS styling Stu Nicholls 2007-03-22 http://www.cssplay.co.uk/menus/flyout_4level.html A new five level flyout menu with overrun and overlap and simplified CSS styling Stu Nicholls 2007-03-19 http://www.cssplay.co.uk/menu/solar_map.html A new slant on the original image map technique showing speech bubbles with embeded links Stu Nicholls 2007-03-16 http://www.cssplay.co.uk/index.html Three new demonstrations, 'CSS only speech bubbles', 'Overlap and overrun menu' and 'Chunky borders' Stu Nicholls 2007-03-13 http://www.cssplay.co.uk/menu/complex_slides.html Two new gallery slideshows showing the power of CSS Stu Nicholls 2007-03-02 http://www.cssplay.co.uk/menus/overlap.html Two experimantal overlapping tab menus using small images and plenty of CSS. Stu Nicholls 2007-02-16 http://www.cssplay.co.uk/menus/mini_tabbed_pages.html A method of compressing six mini information pages into one. Stu Nicholls 2007-02-09 http://www.cssplay.co.uk/menus/slanty.html A tabbed menu with 45 degree side slopes Stu Nicholls 2007-02-07 http://www.cssplay.co.uk/opacity/fadein.html How to make an image gradually appear using just CSS Stu Nicholls 2007-02-04 http://www.cssplay.co.uk/menus/centered_sliding_doors.html How to center a float left sliding doors 100% clickable menu. Stu Nicholls 2007-02-02 http://www.cssplay.co.uk/menus/doors_drop_line_three.html The last one in this series to show how compact this type of menu can be. Stu Nicholls 2007-01-27 http://www.cssplay.co.uk/menus/doors_drop_line_two.html A menu based on the sliding doors tab method with a drop line for each tab. Also demonstratets how to style a 'selected' link'. Stu Nicholls 2007-01-26 http://www.cssplay.co.uk/menus/sliding_doors.html How to make A List Apart's Sliding doors clickable over the whole tab. No extra markup, just a small style change. Stu Nicholls 2007-01-06 http://www.cssplay.co.uk/index.html CSS play has redesigned to take on board all the comments over the last year and improve the look and navigation of the site. Stu Nicholls 2006-12-18 http://www.cssplay.co.uk/menus/drop_definition.html Four totally new drop down menus using definition lists. CSS only and compatible with all the latest browsers. Stu Nicholls 2006-11-11 http://www.cssplay.co.uk/ Twelve or more demonstrations, menus and examples have been added to the list at CSSplay Stu Nicholls 2006-10-14 http://www.cssplay.co.uk/menus/flyout2.html A much simplified CSS solution to CSS only flyout menus now with three sub levels. Stu Nicholls 2006-07-28 http://www.cssplay.co.uk/index.html CSSplay goes through a major update and adds a method of adding pop-up images to your inline links. Stu Nicholls 2006-07-20 http://www.cssplay.co.uk/index.html CSS PLaY has another small redesign of the menu system (to stop visitors getting tired of the same old look ;o) Stu Nicholls 2006-06-25 http://www.cssplay.co.uk/menus/example_flyout.html A page for fly-out examples showing what is possible with the 'CSS PLaY only' technique. Uses a much simplified single style sheet. Stu Nicholls 2006-06-11 http://www.cssplay.co.uk/menus/drop_examples.html A page of dropdown/flyout examples showing what is possible with this 'CSS PLaY only' technique. Also a further animation based on the 'streaker' at http://www.cssplay.co.uk/menu/streaker_two.html which is best viewed in Firefox v1.5x and Opera v8.54 Stu Nicholls 2006-06-07 http://www.cssplay.co.uk/menu/image_magnifier2.html A new demonstration to show that css can be dynamic in Firefox and Opera. Also a new page for drop-down examples shwn web ready ideas. Stu Nicholls 2006-05-25 http://www.cssplay.co.uk/index.html A redesign of the sub menu system to make pages easier to find, a demonstration of true css animation for Firefox and a gradient image magnifier can be found in this latest site update Stu Nicholls 2006-05-19 http://www.cssplay.co.uk/menu/slide_show.html A variation on the photo gallery theme that will accomodate both landscape and portrait photos and a pop-up bubble for further information which can contain further link(s). Stu Nicholls 2006-04-22 http://www.cssplay.co.uk/menu/conditional.html How Internet Explorer's conditional comments can be used to target non-IE browsers and a combination of specific IE browsers with non-IE browsers. Stu Nicholls 2006-04-07 http://www.cssplay.co.uk/menus/final_drop.html A re-write of the CSS PLaY's previous examples has produced a multi line, drop down menu that can be resized yet stay in working order. Stu Nicholls 2006-04-07 http://www.cssplay.co.uk/menu/lightbox.html A follow on from the multi-page photo gallery with an additional feature. Stu Nicholls 2006-03-31 http://www.cssplay.co.uk/menu/lightbox.html A new css only photo gallery system modelled around the Suckerfish HoverLightbox. Stu Nicholls 2006-03-30 http://www.cssplay.co.uk/menus/index.html Four new menu ideas based on the recent method of producing validating cross browser fly-out and drop-down menus. Stu Nicholls 2006-03-26 http://www.cssplay.co.uk/menus/dd_valid_2.html Based on the cross browser fly-out and drop-down menus, this is the drop-line version which again works without javascript or behaviors and is compatible with Internet Explorer. Stu Nicholls 2006-03-16 http://www.cssplay.co.uk/favicon_ads.html Why not try advertising by using your favicon. This favicon page offers an inexpensive way of promoting your web site. Stu Nicholls 2006-03-14 http://www.cssplay.co.uk/menus/dd_valid.html CSS PLaY finally comes up with a w3c cross-browser drop-down cascading menu system. Stu Nicholls 2006-03-06 http://www.cssplay.co.uk/menu/calendar3.html CSS PLaY solves the problem of nesting links within links and passing w3c validation in Internet Explorer with this nested link calendar. Stu Nicholls 2006-03-04 http://www.cssplay.co.uk/menu/image_map.html A new demonstration showing how to produce an irregular shape image map with a hover effect.. Stu Nicholls 2006-03-03 http://www.cssplay.co.uk/index.html CSS PLaY has three new demonstrations including a new CSS ONLY flyout menu that works in Internet Explorer and an update to the click gallery to add options to place the thumbnails to the left, right and bottom of the images. Stu Nicholls 2006-02-24 http://www.cssplay.co.uk/index.html CSS PLaY boasts four new demonstrations including a new magnifying menu and an update to the cross browser drop domn menu to add a second level cascade in all browsers. Stu Nicholls 2006-02-12 http://www.cssplay.co.uk/menu/jump.html Stu produces another pure css puzzle for you to solve. Stu Nicholls 2006-01-18 http://www.cssplay.co.uk/menus/circles.html And finally a method of creating circular links without the normal square selection area. Stu Nicholls 2006-01-13 http://www.cssplay.co.uk/menus/cross.html A method of creating links that are not rectangular (the example is an interlinking cross array) and with no overlapping of link areas. Stu Nicholls 2006-01-11 http://www.cssplay.co.uk/opacity/png.html Four methods of applying text over an image by making the area beneath the text opaque. Several of the methods also work in Opera. Stu Nicholls 2006-01-07 http://www.cssplay.co.uk/mozilla/splittext.html For Firefox, Safari, Opera (in fact all browsers but IE) a method of creating two color headers and drop shadow text without having to duplicate html information. IE sees only plain text. Stu Nicholls 2006-01-04