Comment définir une image d'arrière-plan sur une barre de navigation?

Je suis en train de faire une barre de navigation avec une image de fond, y compris ul et li que des liens, mais ne pouvait pas réussir.

Je n'ai pas d'erreur de chemin d'accès, comme j'ai d'autres img d'éléments qui rendent correctement. La partie html est juste ul et li éléments à l'intérieur de la zone de nav.

css:

#main_menu {background-image:url(resources/images/navbar.png);height:40px;}

J'ai cherché sur le web pour trouver des solutions, mais je n'ai pas trouvé un qui fonctionne. J'ai essayé la position, la taille et la répétition.

Edit: j'ai fait le ul et li menu en ligne, de sorte qu'ils conviennent le 40px hauteur.

OriginalL'auteur Christian | 2012-03-12

  1. 1

    Vous devez supprimer le height de la règle qui définit l'arrière-plan img.

    Donc quelque chose comme

    #main_menu {background-image:url(resources/images/navbar.png); height:40px;}

    Droit maintenant, vous l'avez mis dans le même panier avec le chemin d'accès au fichier, ce qui n'est pas fermé parce qu'il manque un support.

    OriginalL'auteur Jason Gennaro

  2. 1

    Il vous manque la parenthèse fermante à la fin du chemin de l'image, doit être:

    #main_menu {background-image:url(resources/images/navbar.png);height:40px;}

    Vous aussi vous voulez sans doute définir le background-repeat et background-position propriétés dans le style de l'arrière...

    MODIFIER
    Sont vos éléments de liste flotté? S'ils le sont, ils ont besoin d'être nettoyé ou le conteneur va s'effondrer et causer de l'image de fond ne s'affichent

    J'avais compris le crochet de fermeture (faute de frappe), et j'ai foiré autour avec la répétition et l'image de fond d'écran de taille. La Position n'a pas aider non plus, désolé.
    Voir la modifier...

    OriginalL'auteur danwellman