13 Replies Latest reply: Sep 17, 2012 1:36 PM by Dlewis78 RSS

    Having trouble getting background image to appear with my menu..what I am doing wrong?

    Dlewis78 Community Member

      I have a graphic that I want to put in the background of my menu bar and I want to be able to position relative to where my text is, but I cannot seem to get the graphic to show up.  The only time it shows up is when I insert it (using CSS) into the entire body tag, but I have no control over the positioning of it there. 

       

      I tried to add a background directly to my menu bar, but nothing happened (at least visibly).  I've posted my code below.  Help is certainly appreciated.  Thank you all!

       

      **The specific code I am referencing is at the very bottom and it's in red.

       

       

      CSS:

       

      #container #Header #DeAara_Title {

                padding-left: 50px;

                width: 600px;

                clear: both;

       

      }

       

       

      #container #main_content #Quotes {

                float: left;

      }

      #container #main_content #TV_Icon img {

                margin-top: 51px;

      }

       

       

       

      #Header #Navigation_Menu ul {

                margin: 0px;

                padding: 0px;

                list-style:none;

                           

      }

       

      #container #main_content #Top_Hat_Photo {

                float: left;

      }

       

       

      #Header #Navigation_Menu ul li {

                float: left;

                text-align: center;

      }

       

       

      #Header #Navigation_Menu ul li a:link, #Header #Navigation_Menu ul li a:visited {

                padding:.2em .5em;

                display:block;

                font-family:Georgia, "Times New Roman", Times, serif;

                font-size:1em;

                font-weight:bold;

                color:#000;

                text-decoration:none;

                line-height:1.2em;

                margin-right:.5em

      }

       

       

       

       

      #Header #Navigation_Menu ul li a:hover {

                color:#C90;

      }

       

       

      #Header #Navigation_Menu ul li a.current, #Header #Navigation_Menu ul li a.current:hover, #Header #Navigation_Menu ul li a.current:active {

                color:#00F;

                cursor:default;

      }

       

       

      #footer {

                clear: both;

      }

      #container #Header #Navigation_Menu {

                background: url(images/Horizontal%20Menu%208.jpg);

      }