登录 | 注册 | FAQ
Anonymous

Menu-Sprite | submenu

+ 发表回复

2 篇帖子 分页: 1 / 1


Menu-Sprite | submenu

baguiars » 周二 10月 04, 2011 10:03 pm

Caros amigos, preciso colocar submenu neste menu mas nao consigo. Quem puder me ajudar da uma forcinha ae.
segue o codigo.


<head>
<style type="text/css">
#menu {width:980}
#menu li {display: inline;}
#menu li a {background: url(img/topo/menu.png); float: left; height: 27px;text-indent: -10000px; margin-right: 0px;}
#menu .um {background-position: 0px 0px; width: 147px;}
#menu .um:hover {background-position: 0px 27px}
#menu .dois {background-position: 833px 0; width: 147px;}
#menu .dois:hover {background-position: 833px 27;}
#menu .tres {background-position: 686px 0px; width: 147px;}
#menu .tres:hover {background-position: 687px 27px;}
#menu .quatro {background-position: 540px 0px; width: 97px;}
#menu .quatro:hover {background-position: 540px 27px;}
#menu .cinco {background-position: 444px 0px; width: 147px;}
#menu .cinco:hover {background-position: 444px 27px;}
#menu .seis {background-position: 297px 0px; width: 147px;}
#menu .seis:hover {background-position: 297px 27px;}
#menu .sete {background-position: 150px 0px; width: 147px;}
#menu .sete:hover {background-position: 150px 27px;}
</style>
</head>
<body>
<ul id="menu">
<li><a class="um" href="#">Home</a></li>
<li><a class="dois" href="#">Quem Somos</a></li>
<li><a class="tres" href="#">Serviços</a></li>
<li><a class="quatro" href="#">Home</a></li>
<li><a class="cinco" href="#">Cursos</a></li>
<li><a class="seis" href="#">Núcleos</a></li>
<li><a class="sete" href="#">Matrículas</a></li>
</ul>

</body>
</html>
头像

baguiars

  • 帖子: 1
  • 注册: 周二 10月 04, 2011 9:24 pm

Re: Menu-Sprite | submenu

HTML.net » 周三 10月 05, 2011 4:58 pm

Não tenho certeza qual é o problema. Mas você tentar ter um olhar para este menu: http://pixelspread.com/demo/cssdropdown.html

Basta clicar em "ver fonte" - tanto o HTML e CSS estão lá.

- Andreas, HTML.net
头像

HTML.net
Site Admin

  • 帖子: 1194
  • 注册: 周六 9月 11, 2010 11:24 am
--
Show some love for HTML.net on Twitter, Facebook and Google: Use the buttons on top of all pages.


+ 发表回复

分页: 1 / 1