Ir para conteúdo

Arquivado

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

Editor Gabriel

Efeito Drop-Down

Recommended Posts

Olá, venho pedir uma pequena ajuda em meu código, bem como não sou muito familiarizado com o "Menu Drop-Down" ou qualquer efeito drop-down, vim pedir uma ajuda em meu código estou tendo problemas em colocar borda, não sei ao certo oque é mais se poder ajudar agradeço, obrigado é boa tarde!

 

 

 

Imagem

2gw5jzo.png

HTML

<div class="head">
 <div class="menu">
            <li><img src="img/world.png" class="logo" />
                <ul>
					<li><a>Bem Vindo </a></li>
                    <li><a href="#">Web </a></li>
					<li><a href="#">SEO</a></li>
                     <li><a href="#">Design</a></li>                   
                </ul>
            </li>      
</div>
</div> 


CSS

.logo{
	;
	padding:5px;
	width:40;
	height:40;
}
.menu{
	width:40;
	height:40;
}
.menu li{
	text-align:center;
	list-style:none;
	
}
.menu li a{
color:#333;
text-decoration:none; 
padding:5px ;
display:block; 
background:white;
cursor:pointer;
 }
 
.menu li a:hover{
background:#333;
color:#fff;
-moz-box-shadow:0 3px 10px 0 #CCC;
-webkit-box-shadow:0 3px 10px 0 #ccc;
text-shadow:0px 0px 5px #fff;
list-style-type: none;
}

.menu li  ul{
display:none;
;
position:absolute;
list-style-type: none;
border: 3px solid #cc6600;
width:40;
height:40;
} 
.menu li:hover ul, .menu li.over ul{
display:block;
}
.menu li ul li{
border:1px solid #c0c0c0; 
display:block; 
width:150px;
list-style-type: none;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Qual é "o problema" ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá Gabriel, tudo certo ?

 

A uns dias atrás vi esse mesmo problema em um post aqui no fórum, da uma olhada.

 

Esse tipo de problema é muito comum aqui no fórum, só dar uma olhada rápida que acha.

 

Abraço.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara taca um px nesses seus width e height


Olha ai: o problema é esses width da uma analisada no código: http://jsfiddle.net/douglasjuliao/Lgcg3u5n/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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