Im using CSS to change the background of a link instead of js/imageflip. However, the background image does not show in NS6.
Its a tiny image positioned center, right, in the background. Are there any background positioning issues with NS?
Any ideas?
ThanksHowever, the background image does not show in NS6.
Are there any background positioning issues with NS?
Not that I know of. Eric Meyer's site (<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/popups/demo.html">http://www.meyerweb.com/eric/css/edge/popups/demo.html</a><!-- m --> and <!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/popups/demo2.html">http://www.meyerweb.com/eric/css/edge/popups/demo2.html</a><!-- m -->) looks fine with NS6.2.
Run your HTMl and CSS thru validators to spot any error.
Its a tiny image positioned center, right, in the background.
Do you mean middle, right?Im using shorthand version. Might that be the problem?
background:url("images/bullet.gif") no-repeat center right;Nope, short-hand version is not a problem.
1. Did you validate your pages?
2. Did you try using NS7? Did you try some other browser such as Opera 7.10?
Post the url, that would help.
In general, this is how I do:
a {display: block; width: 150px; background: #fff url('offbg.gif') no-repeat middle right; color: navy; text-decoration: none}
a:hover, a:active {background: url('onbg.gif'); color: red}
Its a tiny image positioned center, right, in the background. Are there any background positioning issues with NS?
Any ideas?
ThanksHowever, the background image does not show in NS6.
Are there any background positioning issues with NS?
Not that I know of. Eric Meyer's site (<!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/popups/demo.html">http://www.meyerweb.com/eric/css/edge/popups/demo.html</a><!-- m --> and <!-- m --><a class="postlink" href="http://www.meyerweb.com/eric/css/edge/popups/demo2.html">http://www.meyerweb.com/eric/css/edge/popups/demo2.html</a><!-- m -->) looks fine with NS6.2.
Run your HTMl and CSS thru validators to spot any error.
Its a tiny image positioned center, right, in the background.
Do you mean middle, right?Im using shorthand version. Might that be the problem?
background:url("images/bullet.gif") no-repeat center right;Nope, short-hand version is not a problem.
1. Did you validate your pages?
2. Did you try using NS7? Did you try some other browser such as Opera 7.10?
Post the url, that would help.
In general, this is how I do:
a {display: block; width: 150px; background: #fff url('offbg.gif') no-repeat middle right; color: navy; text-decoration: none}
a:hover, a:active {background: url('onbg.gif'); color: red}