Results 1 to 3 of 3

Thread: Highlighting link and float problem

  1. #1
    Join Date
    Jan 2011
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Highlighting link and float problem

    Hi,

    I want to create a link that when you rollover, the link is highlighted. That is easy to do by assigning background color to the link. However, whenever I start using float, the highlight effect disappears. I'm not sure what the problem is. I provided an example here.

    I have to use float since I want to create a fixed amount of spacing between each set of words (as in the example). Is there any way to solve this?

  2. #2
    Join Date
    Oct 2009
    Posts
    845
    Thanks
    14
    Thanked 189 Times in 188 Posts

    Default

    For some reason that I'm unable to explain, it seems that the highlighting will work on the floated elements if you add: float: left; to this css rule:
    Code:
    a.articleList:link {
    	text-decoration: none;
    	color: #3c3935;
    	float:left;
    }

  3. The Following User Says Thank You to azoomer For This Useful Post:

    fase_xi (01-21-2011)

  4. #3
    Join Date
    Jan 2011
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Well, it would be nice to know why, but it works nevertheless. So, thank you!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •