More CSS menus September 13, 2007

CSS menus are more tricky, and much more time consuming than they look.

My aim tonight was to get add some nice effects to the menu on my online cv (formerly known as my website). I wanted to add a ‘hover’ effect, so that the menu buttons change colour, and text is highlighted when a user points their mouse at them.

That’s going to need a little more work, as I’ll need to create some new images for this purpose next week. (And that means going up in the loft to find my copy of Photoshop, which needs reinstallation after a recent Windows reload).

For this evening, what I managed to do was to create a basic hover effect – the link text changes colour. I’ve also added some navigational items to the menu, so that users know where they are on the site – not that it’s all that difficult to get lost with only 6 pages, but it’s the principal I’m concerned about.

Curved corners cracked July 4, 2007

There is hope yet for my career in web development. The ‘curved corners using CSS’ technique is in the bag. What’s more, I’ve added a nice border round my box with curved corners.

In the end, I used the Webcredibles’ approach, though I had to adapt it slightly for my site. To get a full understanding of the issue, I found two articles on A List Apart incredibly helpful and well written: sliding doors of CSS and creating custom corners. Thanks chaps!

Thanks also to Andrew who offered me help on this.

I’m off on my holidays in a few days, but think I will spend a little more time doing some funky CSS stuff on my site, before moving on to a new subject. I’m not sure what yet, but PHP skills seem to be in demand at the moment, so I’m considering applying myself to that as a subject for the next few months.

Curved corners are hard June 11, 2007

As mentioned in a previous post, I’ve spent a couple of nights trying to get curved corners for some of the navigational elements for my website. I want to do this the proper way, using CSS, and it seems tough. But then, doing stuff with CSS for the first time always seems tough.

The webcredibles were helpful in this, but there approach isn’t going to work for my site. Gonna have to look at some forums, and try to find a simple way of doing it. I will get there, but any suggestions are welcome