sou não em css e tenho uma duvida sera que alguém pode me ajudar

fzeletronicos27 · Setembro 17, 2014

bom dia não consigo fazer o sub menus ficar por cima das div eles so ficam por traz dela se quizerem passo o codigo css que estou usando para os amigos poderem verificar

Sandro2011 · Setembro 17, 2014

Saudações Sr Eletronico,

no submenu use um

.submenu {  z-index: 100;  }

e na div:

.classe_da_div { z-index:1; }

Sandro2011 · Setembro 17, 2014

Obs: sem ofensas, mas capricha mais na pontuação. Use mais vírgulas e pontos. Fica mais fácil de entender e de te ajudar.

fzeletronicos27 · Setembro 17, 2014

bom tarde!!!!

como eu disse, sou novo nesse tema de css, vou popstar aqui os codigos em html e o meu css .Se possivél me mostre onde eu errei!!!

codigo em html

<body>

<ul>

<li><a href="#">Quem Somos</a></li>

<li><a href="#">Serviços</a>

<ul>

<ul>

<li><a href="#">Pessoa</a></li>

<li><a href="#">Jurídica</a></li>

<li><a href="#">Jurídica2</a></li>

<li><a href="#">Jurídica3</a></li>

</ul>

</li>

<li><a href="#">Sistemas CCTV</a>

<ul>

<li><a href="#">Pessoa</a></li>

<li><a href="#">Jurídica</a></li>

<li><a href="#">Jurídica2</a></li>

<li><a href="#">Jurídica3</a></li>

</ul>

</li>

<li><a href="#">Atualização de Gps</a>

<ul>

<li><a href="#">Pessoa</a></li>

<li><a href="#">Jurídica</a></li>

<li><a href="#">Jurídica2</a></li>

<li><a href="#">Jurídica3</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#">Clientes</a>

<ul>

<li><a href="#">Pessoa Física</a></li>

<li><a href="#">Pessoa Jurídica</a></li>

</ul>

</li>

<li><a href="#">Portfolio</a>

<ul>

<li><a href="#">Cameras CCTV</a>

<ul>

<li><a href="#">Cameras IP</a></li>

<li><a href="#">Cameras Dome</a></li>

<li><a href="#">Conectores</a></li>

<li><a href="#">Fonte</a></li>

</ul>

</li>

<li><a href="#">Receptores</a>

<ul>

<li><a href="port_cam.html">AZ America</a></li>

<li><a href="#">Jurídica</a></li>

<li><a href="#">Jurídica2</a></li>

<li><a href="#">Jurídica3</a></li>

</ul>

</li>

<ul>

<li><a href="#">Pessoa</a></li>

<li><a href="#">Jurídica</a></li>

<li><a href="#">Jurídica2</a></li>

<li><a href="#">Jurídica3</a></li>

</ul>

</li>

</ul>

</li>

<li><a href="#">Login</a>

<ul>

<li><a href="#">Entrar</a></li>

<li><a href="#">Cadastrar</a></li>

</ul>

</li>

<li><a href="Formulario.html">Fale Conosco</a></li>

</ul>

</div></div></div></div></div></div>

</body>

agora codigo e css

body{

margin:0;

padding:0;

}

#portfolio{

background:#6B6B6B;

}

#menu-container{

width:100%;

height:80px;

background-image:url(imagens/backgroud.png);

background-repeat:repeat-x;

}

#menu{

/*background-color: rgb(79, 255, 0); para não ter imagem */

width:800px;

height:40px;

margin-left:auto;

margin-right:auto;

}

#menu ul{

font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;

margin:auto;

list-style-type:none;

font-size:16px;

}

#menu ul li{

position:relative;

float:left;

}

#menu ul li a{

text-decoration:none;

float:left;

color:#333;

display:block;

width:auto;

height:40px;

line-height:40px;

padding-right:10px;

padding-left:10px;

margin-top:auto;

text-align:center;

}

#menu ul li a:hover{

/* font-size:26px;text-decoration:underline;*/

background:rgba(130,125,125,1.00);

color:rgba(243,236,237,1.00);

/* font-size:18px;*/

-moz-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

}

#menu ul li ul{

display:none;

position:absolute;

top:40px;

left:-40px;

line-height:40px;

height:40px;

}

#menu ul li:hover ul{

display:block;

font-size:12px;

line-height:40px;

height:40px;

float:left;

width:165px;

}

#menu ul li ul a{

width:140px;

background:#333;

color:#fff;

line-height:40px;

height:40px;

margin:0;

-moz-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

}

/* AQUI ONDE ENTRA MENU SUBMENU E SUBMENU DO SUB */

#menu ul li ul li ul li{

display:none;

line-height:40px;

height:40px;

float:left;

width:160px;

left:160px;

top:-40px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

}

#menu ul li ul li:hover ul li{

display:block;

line-height:40px;

height:40px;

float:left;

width:160px;

-moz-border-radius:10px;

-webkit-border-radius:10px;

border-radius:10px;

}

#div-container{

width:800px;

height:600px;

}

#primeira{

width: 800px;

height: 600px;

background: #29A1CC;

float:left;

position:absolute;

top:40px;

left:15px;

}

#segunda{

width:385px;

height:250px;

background:#94CC53;

position:relative;

top:40px;

left: 15px;

float:left;

}

#terceira{

width: 375px;

height: 250px;

background: #FD0303;

position:inherit;

top:40px;

right:-400px;

float: right;

}

fzeletronicos27 · Setembro 17, 2014

Obs: sem ofensas, mas capricha mais na pontuação. Use mais vírgulas e pontos. Fica mais fácil de entender e de te ajudar.

yo no escribo bien xq soy paraguayo desculpa-me por mal escrita em portugues okey

Editado Setembro 17, 2014 por fzeletronicos27

Sandro2011 · Setembro 17, 2014

#menu ul li ul{
display:none;
position:absolute;
top:40px;
left:-40px;
line-height:40px;
height:40px;
z-index: 100;
}

fzeletronicos27 · Setembro 18, 2014

Gracias amigo

Entrar

sou não em css e tenho uma duvida sera que alguém pode me ajudar

Pergunta

fzeletronicos27

Link para o comentário

Compartilhar em outros sites

6 respostass a esta questão

Posts Recomendados

Sandro2011

Link para o comentário

Compartilhar em outros sites

Sandro2011

Link para o comentário

Compartilhar em outros sites

fzeletronicos27

Link para o comentário

Compartilhar em outros sites

fzeletronicos27

Link para o comentário

Compartilhar em outros sites

Sandro2011

Link para o comentário

Compartilhar em outros sites

fzeletronicos27

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades