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
- Fórum WMO
- → Viewing Profile: Tópicos: kaka_22
Community Stats
- Group Usuários
- Active Posts 13
- Profile Views 1160
- Member Title Novato no fórum
- Age Age Unknown
- Birthday Birthday Unknown
-
Sexo
Não informado
0
Neutral
User Tools
Friends
kaka_22 hasn't added any friends yet.
Latest Visitors
-
Guest
04/11/2007, 06:43
Topics I've Started
Duvida Em Menu
03/12/2007, 10:07
Retirando Audio De Arquivo .flv
06/03/2007, 09:22
alguem sabe algum programa que eu possa usar pra retirar o audio de algum video que eu tenha pego do youtube?
eh que tem uns lives legais que eu num acho nem a pau, ai a solução seria tirar do video do youtube msm
obrigado
eh que tem uns lives legais que eu num acho nem a pau, ai a solução seria tirar do video do youtube msm
obrigado

Problema Com Drop Down
05/03/2007, 10:25
e ae pessoal, blz? sei que parece banal meu problema mas eu num to conseguindo achar onde esta o erro no meu código... =/ se alguem puder ajudar,
obrigado
obrigado
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>ENS - São Carlos</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script type="text/javascript" src="drop_down.js"></script><style type="text/css"><!--.style1 { font-size: 18px; color: #FFFFFF; }.style9 {font-size: 12px}.style10 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }.style12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }.style13 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }.style14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }.style77 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }.style222 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }.style333 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; }.style16 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }--></style><script type="text/javascript" src="drop_down.js"></script><style type="text/css">body { padding:0; background-color:#fff; font: 14px/1.5em Verdana, Arial, Serif;}#topo{ width:100%; height:150px; background-color:#fff; border-top:0px; border-bottom:1px groove #2B44A1; color:#0f0; text-align:center; background-image: url(imagens/bkg%20header.jpg);}#conteudoEsq { position:absolute; width:180px; top:145px; left:-14px; color:#99f; padding-bottom:1px; margin-left: 15px;}#conteudoDir { position:absolute; width:210px; top:139px; right:0px; 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: -25px; font-family:Verdana, Arial, Helvetica, sans-serif;}</style></head><body> <div id="topo"> <a href="index.htm"><img src="imagens/logo_all_v2.jpg" border="0"></a></div> <div id="conteudoEsq"> <style type='text/css' title="mystyles" media="all"><!-- 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; } li ul { position: absolute; left: 181px; top: 0; display: none; } ul li a{ display:block; text-decoration:none; color:#416FA8; background:#fff ; padding: 2px; border: 1px solid #ccc; border-bottom: 0; font-weight:bold; } ul li a:hover { color:#FFF ; background: #416FA8; font-weight:bold; } /*Hover Styles */ li:hover ul, li.over ul {display:block; } <ul id="nav"> 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; /* Fix IE. Hide from IE Mac \*/* html ul li { float:left; height: 1%; }* html ul li a { height: 1%; }/* End */--> </style>
Posicionamento Tableless
05/02/2007, 13:52
to com problema de posicionamento numa pagina que eu to fazendo que se resume ao seguinte: abaixo do header as colunas nao se alinham no topo. estou tentando achar o erro faz tempo mas nao consegui, por isso peço ajuda pra alguem que saiba aqui, por favor.
desde jah, obrigado
desde jah, obrigado
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="Mauricio Samy Silva" /> <title>Layout CSS com duas colunas - Exemplo 4</title> <style type="text/css"> body{ margin:5px 10px; font: 12px Arial, Helvetica, sans-serif; background:#e8eae8; } #tudo { width:100%; } #topo { height:80px; background-color:#e8eae8; } #principal { width: 50%; background-color: #e8eae8; border: 2px groove #FFFFFF; margin-top: 60px; float:right; margin-right: 250px; margin-left: 250px; text-align: justify; line-height: 180%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } #navegacao { background-color:#e8eae8; float:left; margin-top: 0px; margin-left: 0px; } #direita { background-color: #e8eae8; float: right; margin-right: 0px; margin-left: 500px; border: 2px groove #fff; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; font:Verdana, Arial, Helvetica, sans-serif; text-align:justify; margin-top: 50px; } </style> </head> <body> <div id="tudo"> <div id="topo"> <div align="center"><img src="imagens/logo.jpg" /></div> </div> <div id="principal"> <img src="imagens/small%20logo.jpg" width="50" height="26" /> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi eleifend, purus quis laoreet faucibus, ante augue malesuada mi, id rhoncus augue lorem eget elit. Ut sollicitudin sodales purus. Phasellus libero felis, blandit nec, commodo ut, imperdiet ut, nibh. Suspendisse potenti. Donec ullamcorper cursus dolor. Duis vitae ipsum. Maecenas dapibus hendrerit diam. Morbi varius, massa id pretium accumsan, nunc lorem congue libero, ut euismod metus libero id nulla. Duis posuere odio sed velit vulputate venenatis. Suspendisse et dui ac metus auctor fringilla. Curabitur interdum augue a pede.</div> <div id="direita">Scorpions: Wind of Change</div> <div id="navegacao"> <p> <style type='text/css' title="mystyles" media="all"> <!-- navegação {background-color: #e8eae8; color: #416FA8; margin-left: 15px; margin-right: 100px; margin-bottom: 10px; margin-top: 60px; font-family: Verdana, Arial, sans-serif; font-size: 70%; line-height: 130%;} p { text-indent: 3em; } ul { margin= 0; padding: 0; list-style: none; width: 160px; border-bottom: 1px solid #ccc; } ul li { position: relative; } li ul { position: absolute; left: 159px; top: 0; display: none; } ul li a{ display:block; text-decoration: none; color:#fff; background: #416FA8; padding: 2px; border: 1px solid #ccc; border-bottom: 0; } ul li a:hover { color:#416FA8; background: #FFF; font-weight:bold; } /*Hover Styles */ /* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ li:hover ul, li.over ul {display: block; } { display: block; } 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; <ul id="nav"> --> </style> </p> <ul> <li> <a href="#"> Historia do Movimento</a> <ul> <li><a href="#"> O que são as ENS</a></li> <li><a href="#"> Objetivos</a></li> <li><a href="#"> Criação na França e Introdução no Brasil</a></li> <li><a href="#"> Criação das Equipes em São Carlos</a></li> <li><a href="#"> Lançamento das Primeiras Equipes</a></li> <li><a href="#"> Criação do primeiro Setor</a></li> <li><a href="#"> Criação do segundo Setor</a></li> <li><a href="#"> Ens em São Carlos nos dias de hoje</a></li> </ul> </li> <li> <a href="#"> Vida Equipista 2007</a> <ul> <li><a href="#"> Lema e Tema</a></li> <li><a href="#"> Tema de Estudo</a></li> <li><a href="#"> Pré Eacre</a></li> <li><a href="#"> EACRE</a></li> <li><a href="#"> Retiro Aberto</a></li> <li><a href="#"> ...outros a medida em que forem ocorrendo</a></li> </ul> </li> <li> <a href="#"> Momentos de Formação</a> <ul> <li><a href="#"> Retiros</a></li> <li><a href="#"> Mutirões</a></li> <li><a href="#"> Sessões de Formação</a></li> </ul> </li> <li> <a href="#"> Equipes em Pilotagem</a> <ul> <li><a href="#"> Definiçõe e Objetivos</a></li> <li><a href="#"> Em andamento</a></li> </ul> </li> <li> <a href="#"> Experiência Comunitária</a> <ul> <li><a href="#"> Definições e Objetivos</a></li> <li><a href="#"> Grupo em andamento</a></li> <li><a href="#"> Equipe de Trabalho</a></li> </ul> </li> <li> <a href="#"> Grupo de Noivos</a> <ul> <li><a href="#"> Reponsáveis(idéias)</a></li> <li><a href="#"> Definições e objetivos</a></li> <li><a href="#"> Apostolado assumido pelas ENS</a></li> <li><a href="#"> Agenda de Trabalho</a></li> <li><a href="#"> Questionário de avaliação pelos noivos</a></li> </ul> </li> <li> <a href="#"> Pastoral Recém-casados</a> <ul> <li><a href="#"> Responsáveis(idéias)</a></li> <li><a href="#"> Definições e objetivos</a></li> <li><a href="#"> Apostolado assumido pelas ENS</a></li> </ul> </li> <li> <a href="#"> Downloads</a> <ul> <li><a href="#"> Calendário de Eventos</a></li> <li><a href="#"> Agenda Completa</a></li> <li><a href="#"> Agenda Simplificada</a></li> <li><a href="#"> Agenda SCE's</a></li> <li><a href="#"> Agenda de Aniversários</a></li> <li><a href="#"> Organograma Funcional</a></li> </ul> </li> <li> <a href="#"> Contato</a> <ul> <li><a href="#"> Casal Responsável Regional</a></li> <li><a href="#"> Casal Responsável Setor A</a></li> <li><a href="#"> Casal Responsável Setor B</a></li> <li><a href="#"> Casal Responsável Curso de Noivos</a></li> <li><a href="#"> Conselheiros Espirituais</a></li> <li><a href="#"> Atualize seu cadastro</a></li> </ul> </li> <li> <a href="#"> Links</a> <ul> <li><a href="#"> Site Oficial ENS</a></li> </ul> </li> </ul> <p> </p> </div> </div> </body> </html>
- Fórum WMO
- → Viewing Profile: Tópicos: kaka_22
- Privacy Policy
- Regras ·