Website makeover

by David Robertson ~ 02-Nov-2009 ~ updated 03-Dec-2009
Previous version of Slovenia-Walking

Previous version of Slovenia-Walking

I’ve been brushing up my CSS skills over the last few days and given Slovenia-Walking a bit of a makeover (there was a bit of Photoshop work involved too). One problem I have is that the white navigation links are hard to see if images are turned off. Can anyone suggest a fix for that without changing the font colour? Update: This is now fixed! (See comments below for solution)

Anyway, I hope you like the results! Comments, criticisms and suggestions are most welcome.

Above is a screen shot of the previous version of the website.


Leave a comment » »

Tags:


Slovenia-Walking is a "DoFollow" website and we love to hear what you think. Thanks! (That doesn't mean that we will accept spam though!)

7 comments have been made on "Website makeover"

Follow-up RSS Comments Feed or Leave a Trackback

  • Emma Pease says:

    Hmm, is the background-color for these links set to be contrasting to the font
    color?

    • David Robertson says:

      Hi Emma,

      Nice to hear from you. Hope you are doing well. Apologies for the slow response but we have been away in the north of Scotland climbing mountains.

      These links don’t have a backgound color set, I’m using “transparent” so that the main backgound image on ‘body’ is visible. The ‘body’ background color is #F3F3F3, an off-white which is also the main content backgound.

      I guess I could accurately position a crop from the main image below the links and then put a dark backround color behind that, but it seems like a lot of work!

  • David Robertson says:

    Hi Emma,
    It wasn’t so hard!

    I’ve placed a crop of the background image behind the links and added a dark background colour behind that. Problem solved.

  • Emma Pease says:

    Great. I was wondering whether a completely transparent image for the links might also work.

  • David Robertson says:

    Mhmm? Not sure. The problem is the very light background colour that I need to blend into the bottom of the background image. If I use a transparent image under the links I cannot place dark background colour there.

    I’m sure if my basic CSS div layout was better this would be more simple!

    Still, it works now. Can you see a join?

  • Emma Pease says:

    No, no sign of a join unless I zoom in

Pingbacks/Trackbacks

Reply to "Website makeover"