Tag Archives: css layout

Background Image to the bottom of a page

Posted on March 19, 2011 by mindeater

html { min-height: 100%; height: auto; } body { background:url(/images/bg-image.jpg) right bottom no-repeat; }

Posted in CSS | Tagged | Comments Off

Browsers View for Sites

Posted on March 19, 2011 by mindeater

http://browsersize.googlelabs.com/

Posted in CSS | Tagged , , | Comments Off

css pipe seperated menu

Posted on March 19, 2011 by mindeater

<ul id=”footer-navigation”> <li><a href=”#”>Top</a></li> <li><a href=”#”>Valid XHTML</a></li> <li><a href=”#”>Valid CSS</a></li> <li><a href=”#”>Get Firefox</a></li> </ul> #footer-navigation { margin-left: 0; padding-left: 0; list-style-type: none; } #footer-navigation li { display: inline; } #footer-navigation li:after { content: ” | “; } #footer-navigation li:last-child:after { … Continue reading →

Posted in CSS | Tagged , , | Comments Off

Centering vertically in a block

Posted on November 8, 2010 by mindeater

This often comes up a whole lot of same sized blocks on a webpage with an image inside. gettting the image to center in the middle is easy but what happens when it needs to sit in the vertical middle … Continue reading →

Posted in CSS | Tagged , , | Comments Off