I'm making a website that requires some css rollover buttons. I have a table with 6 horizontal cells into which I have text links and a background image for the hover and active states. They work fine in FF when I publish (from Dreamweaver), but once I test any button, hover states stop displaying the bold font weight they have assigned. The worst thing is the damn buttons don't work at all in Safari and Chrome (I'm on a Mac and don't have a Windows PC to test in IE).
Here is the CSS code I have right now. What am I doing wrong? I'm no expert at all so thanks in advance for any help/guidance.
Question
Gladiatorus
Hello:
I'm making a website that requires some css rollover buttons. I have a table with 6 horizontal cells into which I have text links and a background image for the hover and active states. They work fine in FF when I publish (from Dreamweaver), but once I test any button, hover states stop displaying the bold font weight they have assigned. The worst thing is the damn buttons don't work at all in Safari and Chrome (I'm on a Mac and don't have a Windows PC to test in IE).
Here is the CSS code I have right now. What am I doing wrong? I'm no expert at all so thanks in advance for any help/guidance.
a.topmenu:link { font-size: 12px; font-weight:normal; color: #000; text-align: center; text-decoration: none; display: block; } a.topmenu:hover { font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 44px; text-decoration: none; background-image: url(../img/btn-topmenu-ro.jpg); background-repeat: no-repeat; background-position: 0px -2px; display: block; } a.topmenu:active { font-size: 12px; font-weight: bold; color: #FFFFFF; text-align: center; line-height: 44px; text-decoration: none; background-image: url(../img/btn-topmenu-ro.jpg); background-repeat: no-repeat; background-position: 0px -2px; display: block; } a.topmenu:visited { font-size: 12px; font-weight:normal; color: #000000; text-align: center; text-decoration: none; line-height: 44px; display: block; }Link to comment
Share on other sites
5 answers to this question
Recommended Posts