-3

Ive looked around on many other answers, tried and failed miserably.

I am trying to keep the font color in both the header and footer white whist when hovering it changes to pink... So The hover works beautifully but i just cant get the font colour to stay white in either the header or footer.

There are other links that also hover pink, but the font stays black which is what i want.

This is probably an easy fix, but i am still learning :)

Website: http://www.growinhealth.org.uk

Thank you :)

4

3 に答える 3

1

Remove: 

#header .a:hover{
    color:#d80073
}

... and add the following:

#footer a:hover, #header a:hover  {
    color: #FFFFFF;
}

Also your HTML Markup is malformed. Take a look at: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.growinhealth.org.uk%2F

于 2012-12-06T11:47:55.693 に答える
0

リンクは次のようになります。 

<a target="_blank" href:="http://www.altonhousehotel.com"><u>www.altonhousehotel.com </u></a>

しかし、それらは次のようになります。 

<a target="_blank" href="http://www.altonhousehotel.com"><u>www.altonhousehotel.com</u></a>

そこにあるべきではないhrefリンクにコロンがあります。これにより、リンクがテキストのように表示されます。

また、cssファイルには次のものがあります。 

#header .a:link {
    color: white;
}

これに変更します： 

#header a:link {
    color: white;
}

ドットは、という名前のクラスをターゲットにすることを意味しますa（何もありません）。ドットがない場合は、要素をターゲットにしますa。

于 2012-12-06T11:49:56.257 に答える
0

a:hover { color: #D80073;} の style.css @ 239 行番号により、マウスオーバーの色がピンクになります

以下のcssを追加

#header a:hover,#footer a:hover{color:#fff}

これはフッターリンクを白く変更しません。

于 2012-12-06T11:49:24.193 に答える