Jump to content
Sign in to follow this  
edison.silva

Problema com Links do Slide

Recommended Posts

Ola pessoal, Tenho uma pagina com alguns menus, mas quando página carrega o Menu: O que é? e o menu: Beneficios que tem algumas imagens com links: Próximo e Anterior os Link Próximo e Anterior não carrega Só carrega quando clico duas vezes no menu ai carrega normal, não consigo entender. Segue o link do site para teste:

 

http://www.edisonsilva.esy.es

 

código do index

<!doctype html>  
<head>
<meta charset="UTF-8">
<title>SmartSped - A solução unificada em Auditoria Fiscal, Tributária e Financeira</title>
<!-- define a descrição exibida nos resultados do google-->
<meta name="description" content="SmartSped - A solução unificada em Auditoria Fiscal, Tributária e Financeira"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- Palavras chave para resultados de busca do Google-->
<meta name="keywords" content="Sped,Auditoria,Fiscal,tributária,tributaria, financeira,
Escrituração Digital,Impostos,NCM,SmartSped"/>
<!-- <link rel="icon" href="images/teste.png" type="image/x-icon"/>-->
<link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon"/> 
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jcycle.js"></script>

 </head>

 <body>
  <hr>	
    <!--start container-->
    <div id="container">

    <!--start header-->

    <header>
 
    <!--logo SmartSped-->
    <a href="?pagina=home" id="logo"><img src="images/SmartSpedLogo.png" width="280" height="80" alt="SmartSped"/></a> 
	<!--Fim logo-->
	
  
 	<!-- inclusão do menu-->
	<nav>
    <?php
		include('menu/menu.php');
	?>   
    </nav>
	<!--Fim menu-->
	 

    <!--Fim header-->
	</header>
    
  
   
   <!--start holder-->
   <div class="holder_content1">    	
   
   <?php  
	 if (isset($_GET['pagina'])) {
        // Pega o valor da variável $_GET['pagina']
        	$pagina = $_GET['pagina'];

    	} else {
        // Se não existir variável, define um valor padrão
        $pagina = 'paginas/home.php';
    }    

	switch(@$_GET["pagina"]){
								 
			 case 'o-que-e':
			 include "paginas/o-que-e.php";
			 break;			 
			 
			 case "beneficios":
			 include "paginas/beneficios.php";
			 break;
			 
			 case "participe":
			 include "paginas/participe.php";
			 break;
			 
			 case "parcerias":
			 include "paginas/parceria.php";
			 break;
			 
			 case "contatos":
			 include "paginas/contatos.php";
			 break;
			 
			 
			 default:
			 include "paginas/home.php";
			}

		 ?>
         
   </div>
   
  </div>
  
 
    
   <p> </p> 
   
   <p> </p>
   <p> </p>
   <p> </p>
   <p> </p>
<div id="limpa"></div>
 <footer>
   <div class="container">
   	  	<div class="contatos">Contatos:
	  	</div>
  
   <section class="footer_left">
       <h3>
       <span></span>
       <span><a href="nome" 
       class="linkContatoHome">nome</a></span>
       <span></span>
       </h3>
       <!-- Fim section footer_left -->
   </section>  
   
   
   <section class="footer_esquerda">
       <h3>
       <span>nome</span>
       <span><a href="" class="</a></span>
       <span></span>
       </h3>   
   </section> 
 </div>
   </footer>
   <!--end footer-->
   </body></html>

Código página: O que é?

<style type="text/css">
*{margin:0;padding:0}
#imagens{margin:0 auto;border:0px solid #CCC;padding:10px;width:960px; margin-top:-30px;border-radius:0px;}
#imagens ul{margin:0;padding:0;list-style:none}
#imagens .pag{margin:20px 0 0 0; color:#F00}

#box {
	 width:600px;
     margin-left:370px;
	 
   
}
<!--
/* PARA O LINK 1 */

a.linkum:link {
color:#003366;
text-decoration:none;
font-size:25px;
padding:2px 10px;

}
a.linkum:visited {
color:#003366;
text-decoration:none;
font-size:25px;


}
a.linkum:hover {
color:#F90;
text-decoration:underline;
font-size:25px;
}
a.linkum:active {
color:#003366;
text-decoration:underline;
background-color:#000000;
font-size:25px;

}

</style>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jcycle.js"></script>
<script type="text/javascript">
	$(function(){
		$('#imagens ul').cycle({
			fx: 'fade',
			speed: 2000,
			timeout: 5000,
			next: '#prox',
			prev: '#ant',
			pager: '#pager'
			
		})
	})
</script>
<div id="imagens">
 
    <ul>
        <li>
          <img src="apresentacao/Slide2.jpg" alt="A solução SmartSped reúne a capacidade de auditar e comparar todas as informações fiscais" title="" width="" height="" />
          <center>Slide 1/4</center>
        </li>
 
	<li>
  		<img src="apresentacao/Slide13.jpg" alt="Os serviços do SmartSped podem ser utilizados por empresas 
        em qualquer ramo de atividade" title="" width="" height="" />
         <center>Slide 2/4</center>
    </li>
 
        <li>
            <img src="apresentacao/Slide3.jpg" alt="A partir da disponibilidade das informações 
            SPED - Sistema Público de Escrituração Digital de sua empresa" title="" width="" height="" />
             <center>Slide 3/4</center>
 
        </li>
        
        <li>
            <img src="apresentacao/Slide4.jpg" alt="Funcionamento" title="" width="" height="" />
            <center>Slide 4/4</center>
 
      </li>
      </ul>
   </div>
     

 <div id="box">
    	<div class="pag">
    	<a href="#" id="ant" class="linkum">Anterior</a>
        <a href="#" id="prox" class="linkum">Próximo</a>        
        
    </div><!--FIM DIV PAG-->
 </div><!--FIM DIV PAG-->

Código página: beneficios:

<style> 
*{margin:0;padding:0}
#imagens{margin:0 auto;border:0px solid #CCC;padding:10px;width:960px; margin-top:-30px;border-radius:0px;}
#imagens ul{margin:0;padding:0;list-style:none}
#imagens .pag{margin:20px 0 0 0; color:#F00}

#box {
     width:600px;
	 margin-left:370px;
	 
}
<!--
/* PARA O LINK 1 */

a.linkum:link {
color:#003366;
text-decoration:none;
font-size:25px;
padding:2px 10px;

}
a.linkum:visited {
color:#003366;
text-decoration:none;
font-size:25px;


}
a.linkum:hover {
color:#F90;
text-decoration:underline;
font-size:25px;
}
a.linkum:active {
color:#003366;
text-decoration:underline;
background-color:#000000;
font-size:25px;

}
</style>

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jcycle.js"></script>
<script type="text/javascript">
	$(function(){
		$('#imagens ul').cycle({
			fx: 'fade',
			speed: 2000,
			timeout: 5000,
			next: '#prox',
			prev: '#ant',
			pager: '#pager'
		})
	})
</script>
<div id="imagens">
 
    <ul>
        <li>
          <img src="apresentacao/Slide5.jpg" alt="Benefícios" title="" width="" height="" />
          <center>Slide 1/8</center>
        </li>
 
	<li>
  		<img src="apresentacao/Slide6.jpg" alt="Uso de arquivos de dados SPED 
        (Sistema público de Escrituração Digital" title="" width="" height="" />
        <center>Slide 2/8</center>
    </li>
    
    <li>
  		<img src="apresentacao/Slide7.jpg" alt="Validação dos Impostos da NF-e" title="" width="" height="" />
        <center>Slide 3/8</center>
    </li>
    
    <li>
  		<img src="apresentacao/Slide8.jpg" alt="Validação de todos os Códigos NCMs" title="" width="" height="" />
        <center>Slide 4/8</center>
    </li>
 	
    <li>
  		<img src="apresentacao/Slide9.jpg" alt="Comparação do EFD x NF-e" title="" width="" height="" />
        <center>Slide 5/8</center>
    </li>
    
     <li>
  		<img src="apresentacao/Slide10.jpg" alt="Comparativo NF-e x Financeiro" title="" width="" height="" />
        <center>Slide 6/8</center>
    </li>
        
      <li>
  		<img src="apresentacao/Slide11.jpg" alt="Comparativo de inventário" title="" width="" height="" />
        <center>Slide 7/8</center>
    </li>
    
     <li>
  		<img src="apresentacao/Slide12.jpg" alt="O Futuro,Validação de Inventário (Bloco K),
        Comparativo de EFD-Fiscal e EFD-Contábil" title="" width="" height="" />
        <center>Slide 8/8</center>
    </li>
 </ul>  
</div> 
  
    

 <div id="box">
     <div class="pag">
    	<a href="#" id="ant" class="linkum">Anterior</a>
        <a href="#" id="prox" class="linkum">Próximo</a>        
        
    </div><!--FIM DIV PAG-->
 </div><!--FIM DIV PAG-->

 

CSS:


/***************************************************
	      online solutions by marija zaric
        template distributed by
        http://freehtml5templates.com 
***************************************************


***************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}

ol, ul {
	list-style: none;
}


a img {border:none}


aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


/***************************************************
			      Global styles
***************************************************/

html, body {
	width:100%;
	height:100%;

	}


html, body{
    font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
	background-color:#E4E4E4;	
	/* background-image:url(../images/rodape1.png); */
	/*background-image:url(../images/cabecalho.jpg);*/
	background-position:left top;	
	background-repeat:repeat-x;
	color:#3F3E3C;
	margin:0 0 1px; height:100%; 
	line-height: 1.5;
	

}
hr{
	margin-top:110px;
	height:4px;
	background:#0066FF;
	border-bottom:2px solid #FF9900;
}

p {
	margin-bottom:7px;
	text-align:justify;
	}
	
a, p a {
	text-decoration:none;
	color:white;
	}
	a:hover {color:white;}


h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, sans-serif;	
    font-weight: normal;
	position:relative;

}

h1{
	font-size: 18px;
	line-height:0.9;
	color:#FF7F00;
	text-transform:uppercase;
	text-align:left;
	margin-bottom:10px;
	padding-bottom:10px;

	}
	
	
h2{
	font-size: 16px;
	line-height:1.3;
	color:#FF7F00;
	text-transform:none;
	font-style:italic;
	text-align:left;
	margin-top:7px;
	padding-bottom:6px;



	}
	

h3{
	font-size: 17px;
	line-height:0.9;
	color: white;
	margin-top:20px;
	left:0px;
	}
	
h3 span{
	
	font-size: 14px;
	line-height: 1.4;
	color:white;
	display:block;
	margin-top:6px;
	font-family:Arial, Helvetica, sans-serif;


}

/***************************************************
			    Main containers
***************************************************/

#container, #container_left, #container_right{
	position: relative;
	min-height: 100%;
	width:100%;
	
	}
	#container{
			position:relative;
			width:980px;
			margin:0 auto;
			background-color:transparent;
			min-height:100%;
			

			
}



.group1 {
	float: left;
	width: 274px;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;

	


	}
	
.group2 {
	float: left;
	width: 274px;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	margin-left:25px;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;




	}
	
.group3 {
	float: right;
	width: 274px;
	position: relative;
	background:white;
	padding:15px;
	margin-bottom:10px;
	margin-left:10px;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;


	}


	
.group4 {
	float: right;
	width: 950px;
	position: relative;
	padding:15px;
	background:white;
	border:3px double #CDCDCD;
	-moz-border-radius: 5px;
	border-radius: 5px;

	}
			
header{
	position: relative;
	float:left;
	width: 100%;
	height:8px;
	margin-top:-150px;


	}
	
	
/***************************************************
				INTRO
***************************************************/	
	
	#intro{
	width: 960px;
	position: relative;
	float: left;
	height:200px;
	padding:10px;
	background:#E9EAEB;
	margin-top:12px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	
	

	}

/***************************************************
				   HOLDERS
***************************************************/	

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top:5px;
	margin-bottom:90px;



	}
	
.holder_content1 {
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	width: 100%;
	margin-top:20px;
	margin-bottom:30px;


	}
	
	
.holder_content_separator{
	margin-bottom:19px;
	}

	
/***************************************************
			        GALLERY
***************************************************/
	 
	 	 
	 a.photo_hover3{
	position:relative;
	float: left;
	margin:5px 13px 8px 0;
	padding: 8px;
	-moz-box-shadow: 3px 3px gray;
	-webkit-box-shadow: 3px 3px gray;
	box-shadow: 3px 3px gray;

	}
	a.photo_hover3{ background-color:white;
	border: 1px solid #E1E1E1;

}
	a.photo_hover3:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.5;
	z-index:1000;
}

	
	 a.photo_hover2{
	position:relative;
	float: right;
	margin:5px 13px 8px 0;
	padding: 8px;
	-moz-box-shadow: 3px 3px gray;
	-webkit-box-shadow: 3px 3px gray;
	box-shadow: 3px 3px gray;

	}
	a.photo_hover2{ background-color:white;
	border: 1px solid #E1E1E1;

}
	a.photo_hover2:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.5;
	z-index:1000;
}
	
	
/***************************************************
			        FOOTER
***************************************************/


footer{
	
	margin-top:20px;
	height:120px;
	width:100%;
	border-top:4px solid #FF9900;
	background-image:url(../images/rodape1.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:#003366;
	
	bottom: 0;
	

	}

#FooterOne, #FooterTwo, #FooterTree {
	position: absolute;
}

#FooterTwo{
	position: absolute;
	right: 225px;
	top:250px;
	color:white;

}

#FooterTree{
	position: absolute;
	left: 225px;
	top:250px;
	color:white;

}

.container{
    width:980px;
    margin:0 auto;
	background-color:transparent;


}

.footer_left{
	float:left;
	margin-top:-20px;
	margin-botttom:55px;
	width:260px;
	margin-left:150px;
}


.footer_esquerda{
	float:right;
	margin-top:-30px;
	padding:14px;
	margin-botttom:55px;
	width:170px;
	margin-right:150px;
}

.contatos{
	margin-left:420px;
	font-size:22px;
	color:#FFF;
}


/***************************************************
				       MENU
***************************************************/

nav{
	position: absolute;
	width: 600px;
	height: 40px;
	top: 70px;
	left: 380px;
	background-color: white;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px rgba(0,0,0,0.1);
	box-shadow: 3px 3px rgba(0,0,0,0.1);
	border-bottom:3px solid #FF9900;

}


nav ul li{
	float: left;
	line-height:normal;
	margin-left:10px;
}

nav ul li a{
	font-size: 21px;
	font-family:Trebuchet MS, Arial, Verdana, sans-serif;
	color:#039;
	/* text-transform:capitalize;*/
	font-weight:bold;
	display:block;	/* IE6, IE7 line height fix */
	background-color:transparent;
    text-decoration:none;
	margin-top:-18px;
	padding:5px;


}

nav ul li a:hover{
	color:#ED7803;
	text-decoration:underline;

}




/***************************************************
				   SPECIFIC
***************************************************/

#logo{
	position:relative;
   	float:left;
   	top:50px;
	left:4px;
	width:250px;
	height:100px;
	
	

}

.clearing{
	clear: both;
	display: inline;
	width: 100%;
	height: 0;
	overflow:hidden;
}

 
 	
.button {
	width: 80px;
	height:16px;
	position:relative;
	margin-top:12px;
	padding:9px;
	background-color:#FC8507;
	display: inline-block;
	color:white;
	cursor: pointer;
	text-align: center;
	font: 14px/100% Arial, Helvetica, sans-serif;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float:right;
	text-decoration:none;
}
	
.button:hover {
	background-color:#ED7803;
	text-decoration:none;
}





/*
	Slideshow
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:980px;
	overflow:hidden;
	position:relative;
	display:none;
	
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:980px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin-top:100px;
	width:100x;
	position:absolute;
	top:180px;
	left:880px;
	z-index:1000;
	
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.icons{
	float:left;
	padding:5px;
}

.picture_footer{
	position:absolute;
	left:980px;
	top:-85px;
}

a.linkContatoHome:link {
color:#FFFFFF;
text-decoration:none;

}
a.linkContatoHome:visited {
color:#003366;
text-decoration:none;


}
a.linkContatoHome:hover {
color:#CC9900;
text-decoration:underline;
}
a.linkContatoHome:active {
color:#003366;
text-decoration:underline;
background-color:#000000;

}
#limpa{
	clear:both;
}
#content {overflow:hidden;}

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Similar Content

    • By granderodeo
      Estou tentando pegar dados de duas tabelas logo no inicio da sessão quando o usuário realiza o login, quando utilizo o 
      SELECT * FROM usuarios, orders WHERE email = '$login' and senha= '$senha' Consigo realizar o login tranquilamente, até ai de boa, mais quando modifico o código para
       
      $comando="SELECT * FROM usuarios INNER JOIN orders ON usuarios.id_usuario = orders.id_usuario WHERE email.usuarios='$login' and senha.usuarios='$senha'"; Ele só me deixa fazer login se o usuário já tiver algum orders (pedido). O que estou tentando fazer é assim que o usuário loga, mostre também os pedidos que ele já fez etc, que são dados que estão em outra tabela. Alguém consegue ver meu erro?
    • By Fernando Rafael
      Estou tendo problemas com a leitura de porta serial com PHP, consigo facilmente escrever na mesma, mas sempre que no comando de abertura da porta eu coloco que haverá permissão de leitura o PHP trava e fica carregando infinitamente, e a porta fica bloqueada e só libera quando reiniciado o computador.
       
      Segue o cod:
      exec('MODE COM1:9600,n,8,1'); //seta configuração na porta COM $fp=fopen("COM1","r+b"); if(!$fp) {     echo("Erro ao abrir a porta com1");     exit; } else {         echo("COM1 aberta <br>"); } fwrite($fp,Chr(5));  //escrevendo valor na porta sleep(1); //pausa para retorno dos dados echo (fgets($fp)); fclose($fp); já tentei  colocar:
      fopen("COM1", "r+b");
      fopen("COM1", "r+t");
      fopen("COM1", "r");
      fopen("COM1", "w+");
      fopen("COM1", "r+");
       
      para escrever consigo normal, com o fopen("COM1", "w");.  mas já para ler.....
       
      Notei que na internet tem muito sobre esse problema, inclusive falaram em permissões de usuário, sendo que nos casos em que conseguiram, estavam usando o Linux.
      Eu estou usando o W7 e W10 com PHP 5.2, se for o caso de permissões, como resolvo isso? preciso configurar mais alguma coisa no php.ini?
       
      Também já tentei usar uma classe: phpSerial
       
      Mas retorna o seguinte erro:
      Warning: Reading serial port is not implemented for Windows in C:\Program Files (x86)\Apache Software Foundation\Apache2.2\htdocs\balanca\php_serial.class.php on line 503
       
       
    • By rogerblower
      Pessoal tenho a seguinte tabela
      id | id_etapa | id_evento | posicao | nome | pontos
      1  |  1             |        2         |   1           | joao      |  10
      2  |  1             |        2         |   2           | pedro    |  9
      3  |  1             |        2         |   3           | maria    |  8
      4  |  1             |       2          |   4           | jose       |  7
      5  |  2             |      2          |   3           | joao       |  8
      6  |  2             |  2              |   1           | pedro    | 10
      7  |  2             |   2             |  2            | maria    |  9
      8  |  2             |  2              |   4          | jose        |  7
       
      O resultado da consulta pretendido é este
      Pos  |  nome |   pontos
      1      |  pedro   | 19
      2      |   joao   | 18
      3      |  maria  |  17
      4      |  jose  |  14
       
      Com esta consulta não ordenando a coluna posicao como esperado, ela repete a posicao e não faz a soma, ex:
       1     joao     10
       1     pedro     10
      $pontuacaoa = $pdo->prepare("SELECT * FROM contador WHERE id_evento = '$id_evento' GROUP BY nome, posicao ORDER BY pontos DESC posicao ASC"); Com esta outra consulta a soma esta correta o agrupamento nome esta correto, não se repetem, mas a coluna posicao fica fora de ordem;
       
      $pontuacaoa = $pdo->prepare("SELECT * FROM contador WHERE id_evento = '$id_evento' GROUP BY nome ORDER BY pontos DESC posicao ASC"); Não estou conseguindo acertar a consulta, alguém me ajuda?
    • By rjlfurtado
      Segue abaixo o exemplo de como seria feito em SQL:
      CREATE TABLE tabela ( campo1 DOUBLE, campo2 DOUBLE, divisao DOUBLE AS (campo1/campo2) ); Agora eu preciso criar uma migração no Laravel 6, segue exemplo abaixo:
      $table->integer('qtd_saida'); $table->decimal('valor_uni', 8, 2); $table->double('valor_total')->as(qtd_saida * valor_uni);  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.