Category Archives: HTML and CSS

Tailor your CSS to your user’s operating system

| HTML and CSS | 2 Comments

It should go without saying that you want your web pages to display properly, no matter what system your site’s visitor is using. Problem is, PCs and Macs have a nasty habit of rendering things like spacing, line-heights, and typography differently.

Continue reading »

Disable Chrome’s field highlighting with CSS

| HTML and CSS | 4 Comments

I love Google Chrome. It’s fast, it’s smooth, it’s sexy to look at. But it gets too big for its boots sometimes – probably the only negative feature in my mind is that it insists on highlighting every input field that has focus with a little orange border. I’d really rather it didn’t do that.

Want to get rid of it? Just put this in your CSS document:

:focus {outline: none;}

This will make your CSS file invalid. Put it in an inline <style> tag to get around this:

<style type=”text/css”>:focus {outline: none;}</style>

Continue reading »

Full screen divs – 100% height and width

| HTML and CSS | No comment

This is for anyone who’s come unstuck trying to get a div on a page to stay at 100% height. While it seems to be a common problem, the solution is practically very simple.

Continue reading »