Previous Message
Next Message

CSS Roll Over Effect - CONT'D

Sent by Christopher on 21 June 2008 00:12


So you gotta have three images in one image, but after Google sprites, 
if I have one image how do I tell CSS to load each image for as in hover 
etc using a background image (and using dreamweaver) if it's a image and 
not a tag ?



Ben Fider wrote:
> I think you are referring to CSS sprites:
>
> http://www.google.com/search?hl=en&q=css+sprites&btnG=Google+Search
>
> For example, see:
>
> http://businessweek.com/
>
> Top nav image file:
>
> http://images.businessweek.com/gen/nav/global_nav_20071220.gif
>
>
> On Thu, Jun 19, 2008 at 8:36 PM, Christopher [EMAIL-REMOVED]> wrote:
>
>   
>> Hi, I have my <div> called navigation then I have navigation:hover but
>> this does not work ? I know I'm missing a step could it be a link cause
>> the graphic needs to be one big graphic BUT specific areas on the
>> graphic will have links to other pages NOT the whole graphic:
>>
>> #menu a {
>>   background: url("button.gif") 0 0 no-repeat;
>>   ...
>>   }
>> #menu a:hover {
>>   background-position: -157px 0;
>>   ...
>>   }
>> #menu a:active {
>>   background-position: -314px 0;
>>   ...
>>   }
>>
>> ...with all 3 states in one big graphic.
>>
>>
>> ______________________________________________________________________
>> css-discuss [EMAIL-REMOVED]]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>>
>>     
> ______________________________________________________________________
> css-discuss [EMAIL-REMOVED]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: