Adding an image to a:hover

For the last half hour I’ve been working on adding little stars to the hover on my menu links (About/Portfolio/CV/Contact). It’s now working in Firefox. Here’s how I’ve done it. Created the star in Photoshop (very simply brush use!). Uploaded the star to Media file in WP. Used the following CSS code: li#menu-item-26 a:hover { color: #a3030f; background: url(http://www.ellenpickett.com/wp-content/uploads/2011/07/star-test-1.png) no-repeat 0 0; } (This being for menu-item-26 i.e. “About.”) NB [Sept 2011] – this was a post written for my...
Continue reading...

Issues with the Site

Couple of problems I’ve been looking at today with regards this site. Firstly, Chrome on Mac OS X seems to hate Typekit (particularly with HTML5). I’m not the only one with this – see a related discussion. Which is unfortunate because it seems there is very little one can do but wait for Typekit to get its ass into gear. I’ve tweeted them about it regardless. The second problem is I have an unusually wide page – and I have...
Continue reading...

The BP Brand – 12,000 miles apart

Just thought it was interesting how different one brand’s advertising campaigns can be in different locations at one given time… here we have BP’s latest ads in both the UK and New Zealand. I could draw from each to demonstrate each culture’s characteristics, but I would probably be insulting your intelligence.   UK:     NZ:     Who would have thought the British were more focused on sport… although the olympics must allow for a special exception.   So…...
Continue reading...

Great Starting Tools for Web Developers

I’ve spent a small amount of time this week adjusting my MacBook in order to be the ultimate web design weapon. Of course until my new memory arrives, it might as well be an unloaded gun. However, here are some great tools I’ve included in the meantime: Browsers – I’ve made a conscious change from Chrome to Firefox. There’s always going to be something about Chrome that I prefer and I still can’t put my finger down on what it...
Continue reading...