Ir para conteúdo
Fórum Script Brasil
  • 0

como chamar iframe


junaooaks

Pergunta

pessoal tenho varios botoes

gostaria de dar efeito neles como se fosse em abas

ai eu pessei em colocar dentro do baotao um iframe para puxar a pagina

<li><a href="<iframe src="validar.php" name="relatorio" width="100" marginwidth="0" height="300" marginheight="0" align="top" scrolling="auto" frameborder="0"></iframe>"><span>Clientes Ativos</span></a></li>

so que não funciona

o que eu quero e quando clicar no botao puxa uma pagina e choque em baixo dos botoes.

aqui esta esta toda a minha pagina ate agora.

<html>

<head>

<style type="text/css">

<!--

body {

/*tirar margem das bordas*/

margin: -9;

/*posicionamento na tela*/

width: 100%;

/*cor do fundo*/

background-color: #eaeaea;

/*repetir imagem hotizontal*/

background-repeat: repeat-x;

/*centralizar a imagem no top*/

background-position: center top;

/*fonte padra escolhido*/

font-family: Verdana;

/*tamanho da fonte*/

font-size: 10px;

/*imagem do fundo*/

background-image: url('imagem/conteudo.jpg');

/*repetir imagem hotizontal*/

background-repeat: no-repeat;

/*centralizar a imagem no top*/

background-position: center;

/*para centralizar a imagem no firefox*/

height:100%;

padding:0;

}

h2 {

font: bold 15px Verdana;

color: #000;

margin: 0px;

padding: 8px 10px 10px 15px;

}

img {

border: none;

}

/*linha*/

#tabs4 linha {

float:left;

width:100%;

font-size:93%;

line-height:normal;

border-bottom:1px solid #6B78A9;

}

#tabs4 {

float:left;

width:100%;

font-size:93%;

line-height:normal;

border-bottom:1px solid #6B78A9;

}

#tabs4 ul {

margin:0;

padding:10px 10px 0 50px;

list-style:none;

}

#tabs4 li {

display:inline;

margin:0;

padding:0;

}

#tabs4 a {

float:left;

background:url("imagem/tableft4.gif") no-repeat left top;

margin:0;

padding:0 0 0 7px;

text-decoration:none;

}

#tabs4 a span {

float:left;

display:block;

background:url("imagem/tabright4.gif") no-repeat right top;

padding:5px 15px 4px 6px;

color:#6B78A9;

}

#tabs4 a span {

float:none;

}

#tabs4 a:hover span {

color:#6B78A9;

}

#tabs4 a:hover {

background-position:0% -42px;

}

#tabs4 a:hover span {

background-position:100% -42px;

}

#tabs4 #current a {

background-position:0% -42px;

}

#tabs4 #current a span {

background-position:100% -42px;

}

-->

</style>

</head>

<body>

<h2>Relat&oacute;rio</h2>

<div id="tabs4">

<ul>

<!-- CSS Tabs -->

<li><a href="<iframe src="validar.php" name="relatorio" width="100" marginwidth="0" height="300" marginheight="0" align="top" scrolling="auto" frameborder="0"></iframe>"><span>Clientes Ativos</span></a></li>

<li><a href="#"><span>Clientes Inativos</span></a></li>

<li><a href="#"><span>Plano 56k</span></a></li>

<li><a href="#"><span>Plano 128k</span></a></li>

<li><a href="#"><span>Plano 256k</span></a></li>

<li><a href="#"><span>Plano 300k</span></a></li>

<li><a href="#"><span>Plano 512k</span></a></li>

<li><a href="#"><span>Plano 600k</span></a></li>

<li><a href="#"><span>Plano 1024k</span></a></li>

</ul>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Tenta assim:

<iframe src="validar.php" name="relatorio" width="100" marginwidth="0" height="300" marginheight="0" align="top" scrolling="auto" frameborder="0"></iframe>

<li><a href="www.seusite.com.br" target="relatorio">Seu Link</a></li>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...