Abas - não estou conseguindo achar o erro!
Olá!...acho que já estou com a mente fervendo (17:30h...hehehe), alguém poderia por favor me mostrar onde estou errando neste menu:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>ABAS</title><style type="text/css"><!--.nav { margin:0; padding:0; display:block; list-style:none; font-size:12px; font-weight:bold; font-family:"Arial";}.nav li { float:left; background:url(img/right_azul.gif) no-repeat right top;}.nav li a { float:left; display:inline; background:url(img/left_azul.gif) no-repeat left top; padding:5px 25px 25px; text-decoration:none; font-weight:bold; color:#777; cursor:pointer; overflow:hidden; height:0px !important; height /**/:30px; / for IE5/Win / }.nav li a:hover { color:#AAA;}.nav li.ativa { background:url(img/right_azul.gif) no-repeat right top; background-position:0 -30px; cursor:pointer;}.nav li.ativa a { float:left; display:inline; background:url(img/left_azul.gif) no-repeat left top; background-position:0 -30px; cursor:pointer; padding:5px 25px 25px; text-decoration:none; font-weight:bold; color:#777; cursor:default; overflow:hidden; height:0px !important; height /**/:30px; / for IE5/Win /}.nav li.ativa a:hover { color:#777;}--></style></head><body> <ul class='nav'> <li><a href='#tab1'>Resumo</a></li> <li><a href='#tab2'>Mensagens</a></li> <li><a href='#tab3'>Tarefas</a></li> <li class="ativa"><a href='#tab4'>Chat</a></li> <li><a href='#tab5'>Participantes</a></li> <li><a href='#tab6'>Arquivos</a></li> <li><a href='#tab7'>Links</a></li> </ul></body></html>
...não estou conseguindo fazer com que na aba ativa o background apareça por inteiro (como na normal)!
Obrigado!!
Discussão (1)
Carregando comentários...