junaooaks Postado Junho 23, 2009 Denunciar Share Postado Junho 23, 2009 pessoal tenho varios botoesgostaria de dar efeito neles como se fosse em abasai 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 funcionao 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ó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> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Thelon Postado Junho 24, 2009 Denunciar Share Postado Junho 24, 2009 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> Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
junaooaks
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
so que não funcionao 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.
Link para o comentário
Compartilhar em outros sites
1 resposta a esta questão
Posts Recomendados
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.