Jump to content


kaka_22

Member Since 02/02/2007
Offline Last Active 05/12/2007, 10:30
-----

Topics I've Started

Duvida Em Menu

03/12/2007, 10:07

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

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 :lol:

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>ENS - S&atilde;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
<!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" />&nbsp;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="#"> &nbsp; Historia do Movimento</a>
	  <ul>
		<li><a href="#"> O que s&atilde;o as ENS</a></li>
		<li><a href="#"> Objetivos</a></li>
		<li><a href="#"> Cria&ccedil;&atilde;o na Fran&ccedil;a e Introdu&ccedil;&atilde;o no Brasil</a></li>
		<li><a href="#"> Cria&ccedil;&atilde;o das Equipes em S&atilde;o Carlos</a></li>
		<li><a href="#"> Lan&ccedil;amento das Primeiras Equipes</a></li>
		<li><a href="#"> Cria&ccedil;&atilde;o do primeiro Setor</a></li>
		<li><a href="#"> Cria&ccedil;&atilde;o do segundo Setor</a></li>
		<li><a href="#"> Ens em S&atilde;o Carlos nos dias de hoje</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; 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&eacute; 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="#"> &nbsp; Momentos de Forma&ccedil;&atilde;o</a>
	  <ul>
		<li><a href="#"> Retiros</a></li>
		<li><a href="#"> Mutir&otilde;es</a></li>
		<li><a href="#"> Sess&otilde;es de Forma&ccedil;&atilde;o</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Equipes em Pilotagem</a>
	  <ul>
		<li><a href="#"> Defini&ccedil;&otilde;e e Objetivos</a></li>
		<li><a href="#"> Em andamento</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Experi&ecirc;ncia Comunit&aacute;ria</a>
	  <ul>
		<li><a href="#"> Defini&ccedil;&otilde;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="#"> &nbsp; Grupo de Noivos</a>
	  <ul>
		<li><a href="#"> Repons&aacute;veis(id&eacute;ias)</a></li>
		<li><a href="#"> Defini&ccedil;&otilde;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&aacute;rio de avalia&ccedil;&atilde;o pelos noivos</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Pastoral Rec&eacute;m-casados</a>
	  <ul>
		<li><a href="#"> Respons&aacute;veis(id&eacute;ias)</a></li>
		<li><a href="#"> Defini&ccedil;&otilde;es e objetivos</a></li>
		<li><a href="#"> Apostolado assumido pelas ENS</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; Downloads</a>
	  <ul>
		<li><a href="#"> Calend&aacute;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&aacute;rios</a></li>
		<li><a href="#"> Organograma Funcional</a></li>
	  </ul>
  </li>
  <li> <a href="#"> &nbsp; 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="#"> &nbsp; Links</a>
	  <ul>
		<li><a href="#"> Site Oficial ENS</a></li>
	  </ul>
  </li>
</ul>
<p>&nbsp;</p>
</div>
</div>

</body>
</html>

IPB Skin By Virteq