156 users online (0 members and 156 guests)  

> > > > Hover problem

Thread: Hover problem


  Results 1 to 4 of 4

Related

  1. Site Shifts To Left Upon Image Hover / Extra Border Problem    Forum: CSS Forum
    Replies: 3
  2. can't get a:hover to work in IE6    Forum: CSS Forum
    Replies: 2
  3. Hover command on a td    Forum: CSS Forum
    Replies: 3
  4. Help with an inline a:hover    Forum: CSS Forum
    Replies: 1
  5. Hover text    Forum: Website Scripts Forum
    Replies: 1
  1. 01-10-2016, 10:47 AM #1
    Terrys
    Terrys is offline
    Terrys's Avatar
    New User
    Status
    Offline
    Join Date
    Jan 2016
    Posts
    2

    Hover problem

    Hi,
    This is my first post so be gentle with me. My problem is as follows....
    In my site ( not yet online) I have several links. They all work okay, First color in red and hover color blue.
    I also have one other link This is one word in a paragraph of red text. I have changed this word to color white. The link works but I cannot get the word to change to color blue on hover.
    Be sure to read our <a href="news.html"><span style="color:#FFF;">news</span></a> page in the Gallery section.
    Can any one help please?

    Regards
    Reply With Quote Reply With Quote
  2. 01-17-2016, 01:01 PM #2
    coothead
    coothead is offline
    coothead's Avatar
    bald headed old fart
    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    733

    Re: Hover problem

    Hi there Terrys,

    and a warm welcome to these forums.

    Using inline-styling will often cause problems such as yours.

    It is much better to code it like this...

    Code:
    
<!DOCTYPE html>
<html  lang="en">
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>untitled document</title>

<style media="screen">
body{
    background-color:#000;
 }
a {
    color:#f00
 }
a:hover,#news:hover { 
    color:#00f;
 } 
#news {
    color:#fff;
 }
</style>

</head>
<body>

<a href="contact.html">contact</a>

<a id="news" href="news.html">news</a>

</body>
</html>
    Reply With Quote Reply With Quote
  3. 01-22-2016, 01:09 PM #3
    Terrys
    Terrys is offline
    Terrys's Avatar
    New User
    Status
    Offline
    Join Date
    Jan 2016
    Posts
    2

    Re: Hover problem

    Hi Thank you for your help, have now resolved my problem
    Reply With Quote Reply With Quote
  4. 01-22-2016, 01:21 PM #4
    coothead
    coothead is offline
    coothead's Avatar
    bald headed old fart
    Status
    Offline
    Join Date
    Aug 2003
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    733

    Re: Hover problem


    No problem, you're very welcome.


    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »