Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

luissouza

[Resolvido] Imagem no menu

Por , em Desenvolvimento frontend

Recommended Posts

luissouza    0

luissouza
Postado

Bom dia! Estou fazendo uns testes (aprendendo CSS) e coloquei uma imagem no menu. Acontece que quando mudo o background a imagem some. Copiei um outro menu de um site para analisar e não acontece a mesma coisa e não tem nada de diferente. Por que será?

 

testemenu.css

 

.menu_listas
{
background: transparent url(bt_excluir.png) 3px center no-repeat;
}

#nav, .nav, #nav .nav li { margin:0px; padding:0px; }
#nav li {float:left; display:inline; cursor:pointer; list-style:none; padding:5px 5px 5px 25px; border:1px #000 solid; position:relative; width:119px;}
#nav li ul.first {left:-1px; top:100%;}

li, li a {color:#000; text-decoration:none;}
#nav .nav li { width:150px; text-indent:10px; line-height:30px; margin-right:10px; border-top:1px #000 solid; border-bottom:1px #000 solid;
border-left:none; border-right:none; background:#fff;}
#nav li a {display:block; width:inherit; height:inherit;}

ul.nav { display:none; }
#nav li:hover > a, #nav li:hover { color:#fff; background:#28558c; }
li:hover > .nav { display:block; position:absolute; width:150px; top:-2px; left:100%; z-index:1000; border:1px #000 solid; }
li:hover { position:relative; z-index:2000; }

 

testemenu.html

 

<html>
<head>
<link rel="stylesheet" type="text/css" href="testemenu.css" />
</head>
<body>

<ul id="nav">
   <li class="menu_listas">Menu 1
       <ul class="nav first">
           <li>Menu 1</li>
			<ul class="nav">
				<li>Menu 1</li>
				<li>Menu 2</li>
				<li>Menu 3</li>
				<li>Menu 4</li>
			</ul>
           <li>Menu 2</li>
           <li>Menu 3</li>
           <li>Menu 4
        <ul class="nav">
            <li>Menu 1</li>
            <li>Menu 2</li>
            <li>Menu 3</li>
            <li>Menu 4</li>
        </ul>			
		</li>
       </ul>
   </li>

   <li class="menu_listas">Menu 1
       <ul class="nav first">
           <li>Menu 1</li>
			<ul class="nav">
				<li>Menu 1</li>
				<li>Menu 2</li>
				<li>Menu 3</li>
				<li>Menu 4</li>
			</ul>
           <li>Menu 2</li>
           <li>Menu 3</li>
           <li>Menu 4
        <ul class="nav">
            <li>Menu 1</li>
            <li>Menu 2</li>
            <li>Menu 3</li>
            <li>Menu 4</li>
        </ul>			
		</li>
       </ul>
   </li>
   <li class="menu_listas">Menu 1
       <ul class="nav first">
           <li>Menu 1</li>
			<ul class="nav">
				<li>Menu 1</li>
				<li>Menu 2</li>
				<li>Menu 3</li>
				<li>Menu 4</li>
			</ul>
           <li>Menu 2</li>
           <li>Menu 3</li>
           <li>Menu 4
        <ul class="nav">
            <li>Menu 1</li>
            <li>Menu 2</li>
            <li>Menu 3</li>
            <li>Menu 4</li>
        </ul>			
		</li>
       </ul>
   </li>

   <li class="menu_listas">Menu 1
       <ul class="nav first">
           <li>Menu 1</li>
			<ul class="nav">
				<li>Menu 1</li>
				<li>Menu 2</li>
				<li>Menu 3</li>
				<li>Menu 4</li>
			</ul>
           <li>Menu 2</li>
           <li>Menu 3</li>
           <li>Menu 4
        <ul class="nav">
            <li>Menu 1</li>
            <li>Menu 2</li>
            <li>Menu 3</li>
            <li>Menu 4</li>
        </ul>			
		</li>
       </ul>
   </li>
</ul>

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito