Forum Replies Created

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter colep

    (@colep)

    Heh, well it works fine in Firefox but in IE only the top portion of the border turns blue, and then sometimes that doesn’t even happen. Damn you MSFT.

    Thread Starter colep

    (@colep)

    OK, I got it! a.jpg:hover did not work but this did:

    a:hover .jpg

    Note: a:hover jpg (without the dot before jpg) did NOT work.

    All is well now with my blog. You guys rule.

    Thanks,
    Pete

    Thread Starter colep

    (@colep)

    Thanks ifelse. You solved #2 for me, but the blue hover border does not work even with:

    a.jpg:hover {border:solid blue 2px;}

    Tried in both IE and FF.

    I’ll keep trying…

    Thread Starter colep

    (@colep)

    Mklib, your suggestion worked perfectly, but generated two follow-up questions:

    1) I also have a hover class like this:

    a:hover { border:solid blue 2px; }

    which changes the #8C0000 border blue when hovered. This no longer works. I also tried changing it to a:jpg:hover based on what I read about attribute selectors at the link posted above, but that didn’t help. (I only want the hover to apply to jpg’s).

    Any ideas?

    2) I also have right and left classes like this:

    img.right { padding: 4px; margin: 0 0 2px 7px; display: inline; }
    img.left { padding: 4px; margin: 0 7px 2px 0; display: inline; }

    So how do I combine class=”jpg” and class=”right” when placing an image on a page? I tried various options but could not find a solution.

    Thanks,
    Peter

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