Olá!!
Estou desenvolvendo um site mas tenho uma dúvida que não estou conseguindo resolver. Eis o site: www.enssaocarlos.com.br
A duvida é a seguinte: ali no menu onde tem 'Vida equipista 2007' precisaria virar só 'Vida equipista' e no próximo menu abrir as opções 2007, 2008 e assim por diante. O problema é que esteticamente não fica muito bom, pois não consigo deixar o tamanho do sub-menu diferente do sub-sub-menu (o seguinte). Ficariam três expanões de tamanhos iguais ocupando quase a metade da tela. Só que me disseram que com javascript dava pra mexer apenas com o menu intermediario e deixar ele no tamanho proporcional ao escrito ('2007', '2008').
Se alguém puder ajudar... é porque é meio urgente e eu num entendo mesmo de javascript pra fazer isso!
Obrigado
Duvida Em Menu
Started By
kaka_22
, 03/12/2007, 10:07
2 replies to this topic
#2
§ Kenshin §
-
- Usuários
-
- 574 posts
I'm coming back...!
- Sexo:Masculino
- Localidade:BA
-
Interesses:Sou fã de linguagens direcionadas para a web, como php, (x)html, xml, wml.
Também gosto de webdesign e ultimamente tenho me dedicado mais a aprender css, mysql, javascript, ajax e actionscript.
Trabalho com os programas Dreamweaver, Illustrator e Flash.
Posted 03/12/2007, 19:37
posta o codigo ae pra galera da uma olhada. 
Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search
"Living to learn... learning to live!"
Useful links: Rules | Search
#3
kaka_22
-
- Usuários
-
- 13 posts
Novato no fórum
- Sexo:Não informado
Posted 05/12/2007, 10:15
Dividi em duas partes. A primeira é o index e a segunda o menu até a parte da duvida. 
------------------------------------------
<head><title>ENS - São Carlos</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="javascript" type="text/javascript">over = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" over"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" over\\b"), ""); } }}if (window.attachEvent) window.attachEvent("onload", over);</script><style type="text/css">.style1 { font-size: 18px; color: #FFFFFF; }.style2 { font-size: 10px; font-weight: bold; } .style3 { font-size: 9px; font-weight: bold; } /* Fix IE. Hide from IE Mac \*/ *html ul li { float: left; height: 1%; } *html ul li a { height: 1%; }body { padding:0; background-color:#fff; font: 14px/1.5em Verdana, Arial, Serif;}#topo{ width:99%; height:150px; background-color:#fff; border-top:0px; border-bottom:1px groove #2B44A1; color:#0f0; text-align:center; margin-left: -10px;}#conteudoEsq { position:absolute; width:180px; top:145px; left:-14px; color:#99f; padding-bottom:0px; margin-left: 15px;}#conteudoDir { position:absolute; width:210px; top:139px; left:795px; color:#000; padding-bottom:0px; border-bottom: 1px #000; border-right: 1px #000; border-top: 1px #000; border-left: 1px #000; margin-right: -1px; margin-top: 5px; border-style:groove; background-color:#fff; text-align:center; text-decoration:underline;}#colEsq { background:#fff; }#sepEsqcolCentral { margin-left:240px; padding-left:2px; background:#fff;}#colDir { background:#fff; margin: 0px; }#sepcolCentralDir { margin-right:230px; padding-right:2px; background:#fff;}#colCentral { background:#fff; color:#000; padding:20px 20px; text-align:justify; border-bottom:1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-top: 1px solid #000; margin-top: 0px; width: 530px; margin-left: -45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}#subCentral { background:#fff; color:#000; padding: 20px 20px; text-align:justify; width: 530px; margin-left: -45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}#meuselect { widht: 160px; background:#fff; color:#416fa8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }#meuselect option.stit { width: 160px; background:#FFF; color:#416fa8; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; }/* Fix IE. Hide from IE Mac \*/* html ul li { float: left; height: 1%; }* html ul li a { height: 1%; }/* End */startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];if (node.nodeName=="LI") {node.onmouseover=function() {this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replace (" over", ""); } } } }}window.onload=startList;a: visited { color:#0000FF; }</style></head>------------------------------------------
<!-- body { color: #416FA8 margin-left: -10px; margin-right: 10px; margin-bottom: 10px; margin-top: -7px; font-family: Verdana, Geneva, Arial, sans-serif; font-size: 70%; line-height: 150%;} p { text-indent: 2em; } ul { margin: 0px; padding: 0; list-style: none; width: 180px; border-bottom: 1px solid #ccc; border-left: 5px groove #fff;} ul li { position:relative; height: 1%; } li ul { position: absolute; left: 179px; top: 0; display: none; } ul li a{ display:block; text-decoration:none; color:#416FA8; background:#fff /* IE 6 Bug*/ ; padding: 2px; border: 1px solid #ccc; border-bottom: 0; font-weight:bold; height: 1%;} ul li a:hover { color:#FFF ; background: #416FA8; font-weight:bold; } /*Hover Styles */li:hover ul ul, li.over ul ul { display:none; }li:hover ul, li li:hover ul, li.over ul, li li.over ul { display: block; } /* Aqui a magica */--> </style><ul id="nav"> <li> <a href="#"> O Movimento</a> <ul> <li><a href="index.php?nav=o_que_sao"> O que são as ENS</a></li> <li><a href="index.php?nav=o_mov_objetivos"> Objetivos</a></li> <li><a href="index.php?nav=o_mov_organizacao"> Organização</a></li> <li><a href="index.php?nav=ens_em_sc"> ENS em São Carlos</a></li> </ul> </li> <li> <a href="#"> Vida Equipista</a> <ul> <li><a href="#">2007</a> <ul> <li><a href="index.php?nav=tema_de_estudo_2007"> Tema de Estudo</a></li> <li><a href="index.php?nav=pre_eacre_2007"> Pré Eacre</a></li> <li><a href="index.php?nav=eacre_2007"> Eacre</a></li> <li><a href="index.php?nav=formacao_pilotos"> Formação Pilotos</a></li> <li><a href="index.php?nav=abertura_mes_de_maria"> Abertura do Mês de Maria</a></li> <li><a href="index.php?nav=dia_das_maes"> Confrat. Dia das Mães</a></li> <li><a href="index.php?nav=retiro_aberto"> Retiro Aberto - CDP</a></li> <li><a href="#"> Bingo</a></li> <li><a href="index.php?nav=retiro_fechado"> Retiro Fechado</a></li> <li><a href="index.php?nav=encontro_provincial"> Encontro Provincial</a></li> </ul> <li><a href="#">2008</a> <ul>-----------------------------------------
Edição feita por: kaka_22, 05/12/2007, 10:31.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)
