Width

Calculate width based on total width Width only as wide as needed for the text

Read More

z-index

You many need to position: relative; to get a z-index value to be used correctly. Things with a high z-index beign hidden behind other elements with a lower z-index If you get problems ensure that if divs etc your high z-index element is withing within have a z-index specified, it is higher than the z-index […]

Read More

Paths to images etc

You can specify paths in relation to the site root directoy with a leading forward slash like this: background: url(/images/header_logo.png) no-repeat;  

Read More

Links

  a { color: #000; text-decoration: none; } a:hover { color: #000; text-decoration: underline; }    

Read More

Google Fonts

Using Google Fonts Offline Find the font you want to use and find the Google recommended link to use (in the "Standard" tab).  e.g. <link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'> Enter the URL portion into your browser and get the resulting css, e.g. http://fonts.googleapis.com/css?family=VT323 gives: @font-face { font-family: 'VT323'; font-style: normal; font-weight: 400; src: local('VT323'), local('VT323-Regular'), url(http://themes.googleusercontent.com/static/fonts/vt323/v4/LfMzj2MWAZU6qzlnp1MNbg.woff) […]

Read More