Search code examples
csssuperfish

CSS Not locating images for sub indicators

http://rusticblonde.hostizzo.com/

I have a sub indicator on my menu which is located in images/arrows-ffffff.png for example.... Ive even tried pointing to the full URL, however its not displaying the sub indicators...

Any ideas?

My code is below:-

.sf-sub-indicator {
position:       absolute;
display:        block;
right:          .75em;
top:            1.05em; /* IE6 only */
width:          10px;
height:         10px;
text-indent:    -999em;
overflow:       hidden;
background:     url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

thanks guys Kirsty

Solution

  • 1/ The problem was that you didn't fix the script, so the elements with the sub-indicator class didn't exist.

    2/ Just change:

    url('images/arrows-ffffff.png') no-repeat -10px -100px

    To:

    url('/images/arrows-ffffff.png') no-repeat -10px -100px

    Use absolute paths. They're usually more reliable, especially in CSS files. Google for "relative vs absolute paths in css" for more information.