CSS Tips

Place the following at the top of your html page: Skip to content This way a screen reader will jump reading all your navigation and will just skip this and read your main content. It’s also important to hide this

Place the image element inside a div element with the class attribute set to imgholder Set the alignment to the left so that text wraps around the image. Now set the background image of the drop shadow in two background

Just set the value of the href attribute to the page used in the pop-up and the javascript used to launch the pop-up window should return false. This way if a user does not have javascript enabled or does not

There are several ways to accomplish this, such as: Company Name h1 span { display:block; height:0; overflow:hidden; } There is another way without using span tags Company Name h1 { background-image: url(images/logo.gif); width:300px; height:129px; font-size:1px; text-indent: -999em; } The problem

By default most lists have padding to the left, internet explorer will apply a margin and other browsers will add padding. So to get rid of this, add this: ul { padding: 0; margin: 0; }

td { border: 1px solid black } table { border-collapse: collapse } This will involve border collapsing, which will push the cells together which will leave only the wider of the two adjacent borders visible.