Overlay Div Snippets


28 January, 2011   

Append Site Overlay DIV

07 February, 2011   

If you don't set the wmode on a flash embed it will float over the top of an overlay which can be a pretty big deal. This is ideal in environment with lots of legacy video code or where users will be posting new code and teaching them about wmode is a lost cause. This should work in all browsers.

24 April, 2012   

Example shown here how to Reuse Your Element Searches

29 July, 2012   

The <!-- --> stuff is the HTML comment. It is a way to add notes into the code which will not display when the HTML is rendered by the browser. In the example above, to signify which opening div tag the closing tag was actually closing.

26 January, 2011   

The <!-- --> stuff is the HTML comment. It is a way to add notes into the code which will not display when the HTML is rendered by the browser. In the example above, to signify which opening div tag the closing tag was actually closing.

03 May, 2012   

MYSQL code example for calculation of Easter Day This code taken from en.wikipedia.org

13 April, 2014   

CSS code to center image in div with overflow hidden

18 May, 2017   

The <!-- --> stuff is the HTML comment.

08 February, 2011   

Example Form Markup

11 February, 2011   

Center DIV with Dynamic Height

15 April, 2013   

CSS Code for Pure Rollover

01 January, 2013   

This is the general page template. It has all of the essentials (along with a favicon link - not essential).

06 May, 2013   

Code example for Dead Centre A DIV

23 August, 2014   

Correctly calculate the date of Easter Sunday.

24 November, 2011   

Advanced background example by CSS

Sometimes it's desirable to change a style of the first and/or last elements in a container. You can do this by manually applying classes to your HTML elements: ("last-child" still not supported in IE8).

01 April, 2011   

This sticky footer solution is working in all major browsers, including Google Chrome! It works with floated 2-column layouts and we don't get overlap in re-sized browser windows unlike older solutions you find when you Google sticky footer. And you don't need an empty push div.

21 February, 2011   

Centering a Website

16 February, 2011   

HTML5 Article Structure with hNews

HTML5 code for Article Structure with hNews