Inconsistent links

  • https://reviews.sekhu.net/

    The first two boxes on the left are large black links, with a gray hover. The boxes on the right are using the same class as the two on the left, but they’re not following my plan. They’re deviating from my plan.

    I can’t spot what the error is, if someone can take a look and tell me where I’ve gone wrong, I would appreciate it. It’s really odd as the code for all four are exactly the same, as far as I can tell. Only the cats are changed. I;musing teh C2C customisable posts plugin.

Viewing 6 replies - 1 through 6 (of 6 total)

  • What do you mean by “they’re not following my plan”? They look jsut fine to me. Have you tried clearing out your cache?

    Tg

    Thread Starter jinsan

    (@jinsan)

    I;m using FireFox – I can see they work in IE6. I’ve cleared my cache but I can’t see them following the plan – the plan is they look the same, perhaps they’ve gone on strike? I dunno.

    Any ideas on what the problem could be? They sort of don’t align very well in IE do they? Need to fix that too, but all in good time. Right now I just need all the links to look the same.

    Thanks in advance

    EDIT: my friend viewed it on his FF and only the FILM block is showing inconsistent links. VERy strange

    I’m using FF too…. I guess I don’t get it…. they all look the same to me…..Hold on a sec…. let me check some thing…

    AHha! I found the problem….. You have it set for link, and for hover, but not for visited. The ones that look like they aren’t following the plan are ones the user has visited. I didn’t click on any links until just now, which is why they looked OK to me…. give me 15 min, and I’ll post back some CSS for you to fix it.

    Tg

    Actualy it does follow the plan….. but it may not have been what you intended.

    The last 3 lines of uor CSS read as follows….

    .excerptlatest a:link {text-decoration: none; 0px; color: #000; font-size: 13pt;}
    .excerptlatest a:hover {text-decoration: none; color: #ccc; font-size: 13pt;}
    .excerptlatest a:visited {text-decoration: none; color: #bbb; font-size: 13pt;}

    The link (unvisited) does infact show as black, and when you hover over it, it does change to gray. It’s the visited one that needs to be changed. #bbb is still gray. If you want it to go back to black, then it should be changed to #000, or what ever color you want it set to be.

    Hope that sheds some light on what’s going on.

    Tg

    Thread Starter jinsan

    (@jinsan)

    heh no i want back and changed and did all that you consider incorrect. I actually don’t want a visited colour but if I don’t add one, it reverts back to the standard link style (purple, underlined). Whch is why I was required to use the said method. I could leave it on black, but then it looks weird if the hover effect doesn’t work, yer know?

    Don’t suppose you know how to keep the hover effect throughout, regardless if the link is clicked or not without it reverting back to the stnadard link format

    yes… re-arange the order in which you have them in in your CSS…..
    Like so:
    .excerptlatest a:link, .excerptlatest a:visited {text-decoration: none; 0px; color: #000; font-size: 13pt;}
    .excerptlatest a:hover {text-decoration: none; color: #ccc; font-size: 13pt;}

    Now visited and unvisited will look the same, and you get your hover.

    Tg

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Inconsistent links’ is closed to new replies.