[vks]

Hi guys

New to the forum - First Post

Need some help with CSS. I am making a website and i want to have a hover function over the menu which is simple text with <a> links so i have the following code:
----------------------------
a:hover {
color: #FFF;
text-decoration: none;
display: inline-block;
background-color: #ff7e00;
----------------------------

This code works great with the menu text, its just how i want it, but i have a problem as this applies it to the whole page including images that are used as links so i end up getting a orange background if i hover over images that have transparency - especially around the ednges.

Does anyone have any suggestions how i can fix this or a work around? If my post is not clear, i will post some pics.

Thanks in advance

[vks]

w ww. imagecabin. com/?view=261899041876108a93c42e4df

Here is an image to make things clearer

forum will not allow me to post links - so i had to separate the link

[DKuntz2]

html page:

<div id="nav"><a href="#">Home</a>......... (all of your nav links)</div>

css:

#nav a:hover {blah}

A pound sign in css identifies something as an id, an element that is only used once on each page, and period before something identifies a class, which is used multiple times throughout the page.

[vks]

Originally Posted by DKuntz2

html page:

<div id="nav"><a href="#">Home</a>......... (all of your nav links)</div>

css:

#nav a:hover {blah}

A pound sign in css identifies something as an id, an element that is only used once on each page, and period before something identifies a class, which is used multiple times throughout the page.

Thanks buddy, im gonna try that now and see if it works fingers crossed

[vks]

Thanks man ur a champ! it works hahah its amazing

[Starbright]

Originally Posted by DKuntz2

html page:

<div id="nav"><a href="#">Home</a>......... (all of your nav links)</div>

css:

#nav a:hover {blah}

A pound sign in css identifies something as an id, an element that is only used once on each page, and period before something identifies a class, which is used multiple times throughout the page.

It's a hash symbol (#), not a pound sign.

[DKuntz2]

My phone says "press the pound button to quite" on my voicemail, there are two non-number buttons, * and the #, which it calls a pound.

In America, where I live, it's called the pound sign. In the UK, where you live, it's called a hash.

Number sign - Wikipedia, the free encyclopedia

[seen.to]

Yeah they call it a pound sign over here. Was most confused to hear "Press pound" on the phone at first. Apparently first created by printers as a single symbol replacement for lb. Have yet to see it used as a pound symbol though (e.g. Apples: $3 a #).

Pressing ALT+# on a Mac gives the real pound symbol (£) which is handy since it doesn't otherwise exist on US keyboards.

Personally, I call it the number symbol or hash and for people that don't know wtf I'm talking about I call it the little tic-tac-toe thingy.

[vks]

lol yeah hash/pound :P i knew what it was, we call it hash here in Australia but im aware that other countries call it a pound.

Thanks for the help.

[Starbright]

Fair enough, guess you learn something every day.