Please note, this is a STATIC archive of website www.cssplay.co.uk from 19 Oct 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.
Mobile Friendly Website

CSSPLAY

Doing it with style

CSS DEMOS › A validating link calendar

Date : Pre 2006

For all modern browsers


This demo is too wide for your mobile screen.
Please view on a tablet or PC.

Calendar
2006

  • JANUARY
    JAN 2006
    S M T W T F S
    © 2006 Stu Nicholls
    01020304050607
    08091011121314
    15161718192021
    22232425262728
    293031........
    ..............
  • FEBRUARY
    FEB 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ......01020304
    05060708091011
    12131415161718
    19202122232425
    262728........
    ..............
  • MARCH
    MAR 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ......01020304
    05060708091011
    12131415161718
    19202122232425
    262728293031..
    ..............
  • APRIL
    APR 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ............01
    02030405060708
    09101112131415
    16171819202122
    23242526272829
    30............
  • MAY
    MAY 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ..010203040506
    07080910111213
    14151617181920
    21222324252627
    28293031......
    ..............
  • JUNE
    JUN 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ........010203
    04050607080910
    11121314151617
    18192021222324
    252627282930..
    ..............
  • JULY
    JUL 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ............01
    02030405060708
    09101112131415
    16171819202122
    23242526272829
    3031..........
  • AUGUST
    AUG 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ....0102030405
    06070809101112
    13141516171819
    20212223242526
    2728293031....
    ..............
  • SEPTEMBER
    SEP 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ..........0102
    03040506070809
    10111213141516
    17181920212223
    24252627282930
    ..............
  • OCTOBER
    OCT 2006
    S M T W T F S
    © 2006 Stu Nicholls
    01020304050607
    08091011121314
    15161718192021
    22232425262728
    293031........
    ..............
  • NOVEMBER
    NOV 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ......01020304
    05060708091011
    12131415161718
    19202122232425
    2627282930....
    ..............
  • DECEMBER
    DEC 2006
    S M T W T F S
    © 2006 Stu Nicholls
    ..........0102
    03040506070809
    10111213141516
    17181920212223
    24252627282930
    31............


Previous Demo Next Demo

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 hover your mouse over each month and the calendar will change to suit. Move your mouse horizontally to hover over the month and you can now select any links that are shown.

Any date can have a link attached and the addition of comments if required. I have added just two link dates, January 1st and March 4th, to show that this is possible.

This works in IE6, Opera and Firefox on Windows XP. I have not tested on a Mac so would appreciate any feedback.

But the amazing part is that this uses the same calendar code for all browsers, no separate code for IE this time AND IT VALIDATES.

IE uses links in tables nested in links in an unordered list, and other browsers use links in tables nested in an unordered list.

The Internet Explorer css and xhtml is placed within IE conditional comments and as such is invisible to the validator and other browsers. In this way browsers other than IE get the correct validating markup, but IE gets it's own version which allows links nested in links when the nested links are placed within a table.


Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

  1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
    A support donation is now required for this demonstration.
  2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
  3. 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.

Support CSSPLAY

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page

CSSPLAY useful pages

© 2004-2016 Stu Nicholls - CSSPLAY - All rights reserved