Technical Discussion
  >> Web Design / HTML / Web hosting Forum


Register (or login) on our website and you will not see this ad.


These posts have been archived and can no longer be replied to or modified.
Pages in this thread: 1 | 2 | (show all)   Print Thread
Standard User deleted
(deleted) Fri 11-Aug-06 15:11:24
Print Post

Best way to style/highlight a link?


[link to this post]
 
Underline is the traditional way to highlight links. I don't really like it that much.

My new site has little arrows indicating what is a link, to the left of them, for side menus. For actual content, the colour is blue. The main menu at the top just has white on dark background.

What's a good style to apply to the a:hover CSS style for when someone hovers over a link?

At the moment I am using underline but it looks a bit out of place. Changing colour is my preferred method, and as some of the links are bold I can't really use that for a hover.

So what else is there?
Standard User camieabz
(legend) Fri 11-Aug-06 15:18:14
Print Post

Re: Best way to style/highlight a link?


[re: deleted] [link to this post]
 
You could use opposite effect for hover, or you could use a similar image to suggest it being highlighted.

When angry, count to four; when very angry, swear.

Camie

SAR 715...plusnet...1944 / 248

~ The AG'ers Mugshots ~

~ Camie's Forums ~
Standard User Taras
(knowledge is power) Fri 11-Aug-06 15:43:31
Print Post

Re: Best way to style/highlight a link?


[re: deleted] [link to this post]
 
use transparency
use a background
use display: block; (put in width and height as well) - makes them into buttons :P


-----------------------------------------------------------------------
for cheaper hosting go to 50gigs.com


Register (or login) on our website and you will not see this ad.

Standard User Sandgrounder
(fountain of knowledge) Fri 11-Aug-06 17:06:05
Print Post

Re: Best way to style/highlight a link?


[re: deleted] [link to this post]
 
See a website that you linke and look to see how they do it. Why re-invent another wheel?

On the other hand, original is often the best. (as it says on a lot of tins these days)



ZeN Home 500 - DrayTek Vigor 2600VG
Acorn RiscPC700 (RiscOS 3.5) - Acorn A410 (RiscOS 3.1) - Sun Ultra 10 (Solaris 7)
Standard User Kenneth
(eat-sleep-adslguide) Fri 11-Aug-06 17:44:29
Print Post

Re: Best way to style/highlight a link?


[re: deleted] [link to this post]
 
When there is a well know method/symbol for something - changing it isn't always a good idea.

you could make underline appear when you hover over it as well as what ever style you want - inverting background/text colours often works without messing up colour scheme

Ken

Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.
Albert Einstein (1879 - 1955)

Standard User jtn
(committed) Fri 11-Aug-06 18:09:22
Print Post

Re: Best way to style/highlight a link?


[re: deleted] [link to this post]
 
Hi.
A site I'm working on has yellow text on a green backround. I found that changing the colour on a: hover to the same as the rest of the text looked pretty OK. I had my doubts untill I tried it
Cheers
Jon

--
This week I am mainly listening to Joe's Garage
Standard User Kenneth
(eat-sleep-adslguide) Fri 11-Aug-06 19:34:22
Print Post

Re: Best way to style/highlight a link?


[re: jtn] [link to this post]
 
In reply to:

I'm working on has yellow text on a green backround




- have you checked what a colour blind person would make of it?? link

Ken

Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.
Albert Einstein (1879 - 1955)

Standard User jtn
(experienced) Fri 11-Aug-06 20:08:38
Print Post

Re: Best way to style/highlight a link?


[re: Kenneth] [link to this post]
 
Oh dear.
Never thought of that. I was asked to use these colours ( #ffff99 and #006633 ) as it matches the firms livery.
Thanks for the tip, I'll look into it.
Cheers
Jon

--
This week I am mainly listening to Joe's Garage
Standard User Sandgrounder
(fountain of knowledge) Fri 11-Aug-06 20:29:43
Print Post

Re: Best way to style/highlight a link?


[re: Kenneth] [link to this post]
 
Probably thankful they couldn't see it


ZeN Home 500 - DrayTek Vigor 2600VG
Acorn RiscPC700 (RiscOS 3.5) - Acorn A410 (RiscOS 3.1) - Sun Ultra 10 (Solaris 7)
Standard User Kenneth
(eat-sleep-adslguide) Fri 11-Aug-06 20:40:24
Print Post

Re: Best way to style/highlight a link?


[re: jtn] [link to this post]
 
I sure you'll work a good way round it - but make sure you have some facts to hand, such as 10% of UK males suffer someform of colour blindness - and of course the disability discrimination act - for the customer

some resource links

Ken

Only two things are infinite, the universe and human stupidity, and I'm not sure about the former.
Albert Einstein (1879 - 1955)

Pages in this thread: 1 | 2 | (show all)   Print Thread

Jump to