Dreamweaver: Change background image of spry menu bar

I want to add a background image to the main spry menu. I have the following .CSS code that does not work:

ul.MenuBarHorizontal
{
      margin: 0;
      padding: 0;
      list-style-type: none;
      font-size: 100%;
      cursor: default;
      width: auto;
      background-image: url(../images/buttons/Button_Normal.png) no-repeat;
}
adimit19Asked:
Who is Participating?
 
adimit19Connect With a Mentor Author Commented:
the background color was placed under ul.MenuBarHorizontal a. That seemd to solve it
0
 
LZ1Connect With a Mentor Commented:
Can you post a live link?
0
 
adimit19Connect With a Mentor Author Commented:
unfortunately not at this point. Is there anything else I can do to help?
0
Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LZ1Connect With a Mentor Commented:
How about the rendered HTML and CSS?
0
 
Jen0910Connect With a Mentor Commented:
Just a couple thoughts I have from what you are able to share:

Try deleting "width:auto;" or adding a hard value in there and see if that shows your image.

if not, try deleting the "../" before images/buttons/Button_Normal.png. That is forcing your MenuBarHorizontal to start looking for the image 1 directory above the style sheet.
0
 
LZ1Connect With a Mentor Commented:
Just to add to Jen0910's remark: You may also need to add a height or float:left as well.
0
 
Anuradha GoliConnect With a Mentor Systems Development / Support SpecialistCommented:
Based on the scenario you explained, I understand that the background image for ul tag is not appearing
ul tag with no content doesn't display background image
<ul class="MenuBarHorizontal">content</ul>

Open in new window

0
 
adimit19Author Commented:
it worked.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.