Back To Website Design Forum

Link trouble

  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post January 11th, 2009, 8:04 pm

I'm currently working on this project and I can't get the links in the log in spot to NOT have that roll-over hover background color/image. I've tried many things and still no go.

My CSS can be found here.

Thanks in advance.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post January 11th, 2009, 8:04 pm

  • spork
  • Brewmaster
  • Silver Member
  • User avatar
  • Joined: Sep 22, 2003
  • Posts: 6130
  • Loc: Seattle, WA
  • Status: Offline

Post January 11th, 2009, 8:11 pm

Get rid of the hover attributes?

Code: [ Select ]
a:active, a:hover{
    text-decoration: none;
    color: #1AC5F6 !important;
    background-image: url('../images/hack.png');
}
  1. a:active, a:hover{
  2.     text-decoration: none;
  3.     color: #1AC5F6 !important;
  4.     background-image: url('../images/hack.png');
  5. }


Code: [ Select ]
#dirbody .dirseg a:active, a:hover {
    background-image: url('../images/dseg.png');
    text-decoration: none;
    color: #1AC5F6;
}
  1. #dirbody .dirseg a:active, a:hover {
  2.     background-image: url('../images/dseg.png');
  3.     text-decoration: none;
  4.     color: #1AC5F6;
  5. }
The Beer Monocle. Classy.
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post January 11th, 2009, 8:22 pm

:D I know about those.

I want the hover to be in the little boxes, but in the footer and the place by the log in, I don't want it. The hack.png is a regular transparent with no color assigned to it... just nothing. It doesn't actually do anything, so I might as well get rid of that one. That was my attempt at removing that roll over background image but... no go.

It also doesn't listen to the predecessor thing. The one with #dirbody .dirseg a{ ... } should over-ride a{ ... } but not completely remove a{ ... } and style the links outside of #dirbody .dirseg a{ ... }.

[EDIT:] I tried setting the class to be a class "l" and those #dirbody .dirseg a{ ... } to #dirbody .dirseg a.l{ ... } and that fixes the problem, but I know that there is a way to do this without making the links as a separate class... I've done that before, why can't I do that now?
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Page 1 of 1

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 146 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.