Web layout - Opinons

Kier · #1 (**permalink**) Top 04-09-2008

Laudo - The Latin For Quotes

Been working on it for the last few days, its the first site that I made by myself in ages (with some help of a few places (over a year or so, before its just been premade wordpress themes.)).

I cant decide if I like the header as it is, with the squares until the white one, and then 'nagigation', or have the squares going all the way across (Like at the bottom) with 'navigation' under (I've left that in, so its possible to see what it looks like etc).

Also, when I you hover over a link it goes a different colour, however when you click on the link, and then go to hover over it again it doesn't change colour, any ideas?

Anyone got any ideas on tips on what would make it look better?

Thanks

Edit - I also wasn't sure where to put this, so thought that under Art would be a good idea

jren207 · #2 (**permalink**) Top 04-09-2008

I didn't check the code, but I think you need to change the "a:visted" css to be the same colour as the colour before you hover over a link, rather than the same as the hover colour.

Also I think you could do with maybe a subtle vertical line splitting the two sections. Perhaps setting a left border of the right section, or a right border of the left section, if you get what I mean coding wise.

I also think the squares at the top work because the last square is a different colour. Perhaps you could change the "Navigation" text to be white, the same as the last square.
And perhaps lose the white square from the bottom line of squares.

Kier · #3 (**permalink**) Top 05-09-2008

This is the css that I've got for the links.

Code:

A:link { 
    text-decoration: none; color:#fff; 
}

A:hover{ 
    text-decoration: none; color:#666; 
}

a:visited {    
    text-decoration: none; color:#fff; 
}

Which I think is what your saying?

I've added the border, and changed the images.

One thing I am trying to change is the margin between the white border and the sidebar. I cant for the life of me remember how to do it >.<. Anyone know?

Edit - I've worked out how to do the border

jren207 · #4 (**permalink**) Top 06-09-2008

Yeh, make the colour of visited #666. Or actually try removing the visited section of code.

I think the divider would look better the same colour as the text, and also having more space between the text and the divider.

Kier · #5 (**permalink**) Top 06-09-2008

When I removed it, they went to the default blue after visiting them, I want it to change colour when you hover over it, however if I change the visited to #666 it wont change when hovered will it?

jren207 · #6 (**permalink**) Top 06-09-2008

Make sure the "a" in the css is lowercase.

And the default link is just "a", not "a:link".

Give it a try with removing the visited part. You can always put it back in again if it doesn't work.