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:
>
>
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 PRO
On Thu, 19 Jun 2008 21:36:48 -0400, Christopher wrote:
> Hi, I have my 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 o
Hi, I have my 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(
Christopher wrote:
> http://wellstyled.com/css-nopreload-rollovers.html
You only need this...
#menu a {
background: url("button.gif") 0 0 no-repeat;
...
}
#menu a:hover {
background-position: -157px 0;
...
}
#menu a:active {
background-position: -314px 0;
...
}
http://wellstyled.com/css-nopreload-rollovers.html
This page I understand for a roll over effect, so it's as simple as
making three graphic states within the big graphic then just entering
this into the
style:
#menu a {
...
background: url("button.gif") top left no-repeat;
}
#menu a:ho
