Home/ Questions/Q 4171048
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T00:24:13+00:00

The rollover’s uses one image for the hover. It’s cool, but I don’t know

  • 0

The rollover’s uses one image for the hover. It’s cool, but I don’t know how to get it to work in a horizontal menu. What do I do?

<head>
<style>
/*CSS HOVER WITH ONE IMAGE*/
#emailUs{display: block;width: 107px;height: 23px;background: url("slide.jpg") no-repeat 0 0;}
#emailUs:hover{background-position: 0 -23px;}
#emailUs span{position: absolute;top: -999em;}
</style>
</head>
<body>
<!--Trying to get three buttons to go across 'same button as example'-->
<a id="emailUs" href="#" title="Email Us"><span>Email Us</span></a>
<a id="emailUs" href="#" title="Email Us"><span>Email Us</span></a>
<a id="emailUs" href="#" title="Email Us"><span>Email Us</span></a>
</body>
</html>
</html>

CSS SPRITE
enter image description here

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I believe you’re looking for the css: “float:left;”

    Once you set a link to “display:block;”, it will automatically go to the next line after – so – making them float left will bring them back up into a horizontal line.

    Also, you shouldn’t have more than one element with the same id. Use class instead for anything you’ll need on more than one element.

    • 0