The rollover works fine, but the link doesn't work in IE 5.01 (IE5.5 works fine, as do all current browsers). If I remove the class from the paragraph, then it works. How do I make it do both - rollover and link?
<p class="rollover"><a href=http://www.webdeveloper.com/forum/archive/index.php/"gmprog.shtml">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"../picts/btn-gmprog-ro.gif" width="201" height="30" border="0"> </a></p>
Internal Style Sheet:
.rollover a { display:block; width: 200px; height: 30px;}
.rollover a:hover {background-color: #CECEDA; }
Here's the referenced page in case I've left something important out of my explanation (I'm still learning
. It's the button in the middle of the page.
<!-- m --><a class="postlink" href="http://www.aztcs.org/activities/gminfomap.shtml">http://www.aztcs.org/activities/gminfomap.shtml</a><!-- m -->
Thanks
JayellHmm. I'd think you'd want the <p> tag to not have a class on it, but make the <a> like this: <a href=http://www.webdeveloper.com/forum/archive/index.php/"gmprog.shtml" class="rollover">link text or image</a>. If you put a.rollover in the stylesheet, the style will only work with <a>'s, not <p>'s. Hope this helps!Yes, that's what I thought, but still doesn't work. I either get the rollover .. or the link .. but not both.
Someone in another group mentioned that the first line of my style sheet:
.rollover a { display:block; width: 200px; height: 30px;}
serves no purpose. That seemed to resolve the issue.
Thanks
JayellTry changing ".rollover a" to "a.rollover". I doubt it will help, but it's worth a try! HehIt's working as is in FF but your HTML has lots of problems.
<p class="rollover"><a href=http://www.webdeveloper.com/forum/archive/index.php/"gmprog.shtml">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"../picts/btn-gmprog-ro.gif" width="201" height="30" border="0"> </a></p>
Internal Style Sheet:
.rollover a { display:block; width: 200px; height: 30px;}
.rollover a:hover {background-color: #CECEDA; }
Here's the referenced page in case I've left something important out of my explanation (I'm still learning
. It's the button in the middle of the page.<!-- m --><a class="postlink" href="http://www.aztcs.org/activities/gminfomap.shtml">http://www.aztcs.org/activities/gminfomap.shtml</a><!-- m -->
Thanks
JayellHmm. I'd think you'd want the <p> tag to not have a class on it, but make the <a> like this: <a href=http://www.webdeveloper.com/forum/archive/index.php/"gmprog.shtml" class="rollover">link text or image</a>. If you put a.rollover in the stylesheet, the style will only work with <a>'s, not <p>'s. Hope this helps!Yes, that's what I thought, but still doesn't work. I either get the rollover .. or the link .. but not both.
Someone in another group mentioned that the first line of my style sheet:
.rollover a { display:block; width: 200px; height: 30px;}
serves no purpose. That seemed to resolve the issue.
Thanks
JayellTry changing ".rollover a" to "a.rollover". I doubt it will help, but it's worth a try! HehIt's working as is in FF but your HTML has lots of problems.