css

There are several tutorials on how to make CSS sticky footers, sticky headers, and sticky sidebars.  This is one.  There is a working demo to check out.

Remember to compensate at the bottom of your page.  If your sticky footer is 75px high, add 80px padding or margin so that the sticky footer doesn’t cover the content at the bottom of your page.  The 2 main CSS elements for the sticky footer are position: fixed; and bottom: 0px;

The important thing to understand about  position: fixed; in a sticky footer is that it’s in a fixed position relative to the element or “container” it’s in. Continue reading

Posted in CSS.
css

“CSS clearfix” is often needed to clear floats.

  • Examples 1-3 clear floats by applying a CSS class to a p tag. The p tag holds a “non-breaking space” – ascii code for space is “ ”
  • Examples 4 and 5 clear floats by applying the CSS clearfix class in a different manner. The clearfix is applied to a div tag that contains the floated items.

Continue reading

Posted in CSS.
css

Ever noticed that FireFox applies a border/outline around links. This CSS snippet will remove dotted line around link.

If this is what you are trying to accomplish, try using the below css snippet:

  • remove dotted line around link
  • remove dotted border
  • remove firefox border
  • remove css outline
  • remove dotted border around link
  • css remove dotted border
  • css remove outline
  • css remove border

Continue reading

Posted in CSS.