brandnewbox.co.uk

Taskspace - a 2 dimensional, draggable to do list

I've refreshed a script thats been on this site for some time to use youngpup's DOM-Drag javascript code.

» Taskspace

Creating interstitial adverts with javascript

» Part 1 and Part 2

Styling <hr> tags

Using CSS to style <hr> tags have very mixed effects on different browsers. A safer method is to style a <div> tag which works much more consistently cross-browser.

» The Lab: Styling <hr> tags.

The Lab

Started The Lab, a collection of bits and pieces of code that I've produced or found (or stolen), and want to keep together for ease of reference.

Stuff kept in here will to range from single line snippets to potentially full blown apps, and will mostly be Javascript/CSS/DHTML, but could include anything...

» The Lab

Commented Backslash MacIE5 CSS Hack

Original source: Sam-I-am.com

#isnotMacIE5 { display: none;  }
#isMacIE5 { display: block; background-color: #060; color: #fff; }

/* commented backslash hack v2 */
#isnotMacIE5 { display: block; background-color: #060; color: #fff; }
#isMacIE5 { display: none; }
/* end hack */

The use of the */ at the end of the first comment line stop IE5 on the Mac realising the comment has ended and so ignores all declarations until a subsequent comment is reached.

Tantek’s Box Model Hack

Original source: Box Model Hack

div.content { 
  width:400px; 
  voice-family: ""}""; 
  voice-family:inherit;
  width:300px;
} 
html>body .content {
  width:300px;
} 

Used to target IE5 and IE5.5 on Windows to fix Box model width & height mis-calculations.