marvi

Agora que está o problema... o script que gera aquelas ABAS com as divs é que tem um problema que você fala no js Fiz um teste e funcionou assim: http://localhost/sitesp/teste1.asp?id=11|21 O problema agora é ver como resolver esse js!!!! putz... não tem fim não...

O lightbox rodava assim mesmo... pois tenho só o script da ABA lá... o problema é que lightbox não oferece como abrir html... estou tentando aqui... Com lightbox usava esse script na principal: <!-- Arquivos utilizados pelo jQuery lightBox plugin --> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script> <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" /> <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin --> <!-- Ativando o jQuery lightBox plugin --> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> <script> $(function(){ $('iframe').load(function(){ $(this).contents().find('div#gallery > ul > li a').lightBox(); }); }); //$('iframe').contents().find('#gallery > ul > li a').lightBox(); </script>

Está sim, tanto que no FireFox roda, mas no Internet explorer não... teste aí nos dois navegadores Uma observação: <LINK href="estilos.css" type="text/css" rel="stylesheet"> <script src="lytebox.js" type="text/javascript"></script> O que arquivo não veio esse estilos.css... tem lytebox.css

Eu fiz o que você falou... Para ver na prática e ver se fiz certo acesse esse site: http://www.ideiabiz.com/monteiro/pre_lancamento.asp?id=11|21 Vera que tem uma imagem grande onde tem um lytebox rodando ok... Abraixo dessa imagem tem umas ABAS, chamada Apresentação, imagens e etc... Clique na aba azul chamada imagens e espere carregar umas fotos... lá é um iframe e se você clicar nela verá que não faz nada... como se não tivesse lytebox... OBS: Parece que ele só roda no Firefox novo, mas no Internet Explorer não! Na principal: <link href="lytebox.css" type="text/css" rel="stylesheet" media="screen" /> <script src="lytebox.js" type="text/javascript"></script> Na página dentro do iframe (imagemnova.asp) <LINK href="estilos.css" type="text/css" rel="stylesheet"> <script src="lytebox.js" type="text/javascript"></script> <% While not rsfotos.EOF fotos= rsfotos("fotos") cod= rsfotos("cod_obra") desc= rsfotos("descfoto") nome=rsfotos("nomefotos") %> <li><a href="<%=fotos%>" rel="lyteframe"><img src="<%=fotos%>" /></a><%=desc%></li> <% rsfotos.movenext Wend End If %> </ul> </div>

Olá! Não funcionou o seu método não... vi que o pessoal conseguiu com lightbox, mas quero com lytebox, pois ele abre HTML além de imagens... como resolver isso? Poderia me orientar melhor? Faz um tempo que venho procurando essa solução, mas estava deixando de lado... pensei que não tinha maneira com lytebox...

Pessoal, Existe alguma forma desse lytebox (acho que vocês conhecem. Ele abre as imagens como zoom e com efeito) ser colocado em uma página dentro de um iframe e ao clicar na foto, a foto abrir para fora do iframe com efeito dele? Não exibir dentro de um iframe e sim sair do iframe para a janela principal? Veja sobre o lytebox: http://www.mariosam.com/javascript/slide-s...lytebox#more-56 ou http://www.dolem.com/lytebox/ Tentei de várias formas e nada! Existe ou não uma solução para isso? Obrigado! Marcelo

beleza, questão resolvida! Obrigado!

Acho que resolvi! Ler tanto no Internet Explorer como no Fire Fox e com todas resoluções! Se aparecer algum bug eu posto aqui de novo! Espero que não! CSS ok: <!-- * { margin: 0; padding: 0; } body {background-image: url('imagens/topo.gif'); background-repeat: repeat-x; } #conteudo { width:100%; *width:100%; margin: 45 auto; *margin: 45 auto; text-align: left; position: absolute; *position: absolute; min-height: 100%; *min-height: 100%; background-image: url('imagens/fundom.gif');} #rodape { height: auto; *height: auto; height: 138%; *height: 100%; width:100%; *width:100%; background-image: url('imagens/topo10.gif'); color:#fff; bottom:0px; *bottom:0px; height: 71px; *height: 55px; margin:0px; *margin:0px; } * HTML #rodape { margin-bottom:0px; bottom:-1px; } rodape-conteudo { text-align:center; line-height: 40px; *text-align:center; *line-height: 35px;} #frente { position:relative; margin: -25 auto; *position:relative; *margin: -25 auto;} #demo-table { width: 730; height: 550; border: 0px solid #f00; margin-left: auto; margin-right: auto; } --> Obrigado!

Já fiz if e tal e dava uns erros, resolvir de novo, mas acho que só serve para ler na versão nova do firefox que é o 3.0.4... Fiz: position: relative; Mas surgiu outro problema também.... acesse: http://www.ideiabiz.com/lab1 o site está no ar sim, ou senão, http://www.ideiabiz.com/lab1/index.htm para ver se vai e verá que a barra vertical branca no meio do site, onde tem o conteudo, deveria ter o seu topo na frente da barra azul no topo, assim como é pelo Internet explorer...

Mais problemas!!! Mais problemas... baixei o FireFox Mozilla Firefox 3.0.4 e ele não roda certo mesmo! Voltei a estaca zero! E agora, alguém pode me ajudar?? Usem o Mozilla Firefox 3.0.4 e veja a diferença dele com Internet Explorer.

Para resolver só fiz isso: É só adicionar hacks nas folhas de estilo padrão: #search { margin: 10px 0 0 5px; /*todos os navegadores*/ *margin: 10px 0 0 5px; /* apenas para o IE*/ } Veja que para o IE tem o * na frente... Mas surgiu outro problema... quem poder me ajudar... é o seguinte: Se vocês acessarem no FireFox o site que estou criando http://www.ideiabiz.com/lab1 verá que ao mudar a resolução para 800X600 o plano de fundo do meio (cor cinza) fica curto, não vai até o rodapé, ok? Se também você mudar a resolução para 1024 X 768 ele se encaixa certo... Mas, se você muda para uma resolução 1152 X 864, agora, o plano de fundo cinza do meio passa do rodapé azul... Isso não acontece com o Internet Explorer, pois o IE se adequa, se ajusta, automáticamente em qualquer resolução, como resolver isso? Segue o CSS: <!-- * { margin: 0; padding: 0; } body {background-image: url('imagens/topo.gif'); background-repeat: repeat-x; } #conteudo { margin: 45 auto; *margin: 45 auto; text-align: left; position: absolute; *position: relative; min-height: 100%; *min-height: 100%; height: auto; *height: auto; height: 138%; *height: 100%; background-image: url('imagens/fundom.gif');} #rodape { width:100%; *width:100%; background-image: url('imagens/topo10.gif'); color:#fff; bottom:0px; *bottom:0px; height: 71px; *height: 55px; margin:0px; *margin:0px; } * HTML #rodape { margin-bottom:0px; bottom:-1px; } rodape-conteudo { text-align:center; line-height: 40px; *text-align:center; *line-height: 35px;} #frente { position:relative; margin: -25 auto; *position:relative; *margin: -25 auto;} #demo-table { width: 730; height: 550; border: 0px solid #f00; margin-left: auto; margin-right: auto; } -->

Pode deixar, resolvi!

Olá pessoal, Estou montando um site e fiz algunas tabelas principais, como a tabela mãe e tal configurada no CSS, tive uma dor de cabeça, mas conseguir fazer ele ler legal no Internet Explorer, só que no firefox ele não ler como eu quero... minha CSS é: <style type="text/css"> <!-- * { margin: 0; padding: 0; } body {background-image: url('imagens/topo.gif'); background-repeat: repeat-x; } #conteudo { margin: 45 auto; text-align: left; position: relative; min-height: 100%; height: auto; height: 80%; background-image: url('imagens/fundom.gif');} #rodape { width:100%; background-image: url('imagens/topo10.gif'); color:#fff; bottom:0px; height: 55px; margin:0px; } * HTML #rodape { margin-bottom:0px; bottom:-1px; } rodape-conteudo { text-align:center; line-height: 35px;} #frente { position:relative; margin: -25 auto;} #demo-table { width: 730; height: 550; border: 0px solid #f00; margin-left: auto; margin-right: auto; } --> </style> Para ver o meu site todo, tabela, div e etc, é só ver o html dele: http://www.ideiabiz.com/lab . Acesse também ele no Internet Explorer e depois no FireFox para ver a diferença, no firefox por exemplo não tem o topo da página correto, que é deixa a barra azul separada do plano de fundo cinza... Não tem também o núcleo do site, o meio em branco, em cima da barra azul no topo, só tem no rodapé e o plano de fundo cinza não vai até lá em baixo na barra do rodapé azul... Como resolver isso? Obrigado mesmo! Marcelo

Eu acho que resolvir essa questão: Aproveitando... o conteúdo que fica no meio se for grande de mais acaba passando do rodapé... não tem como o rodapé acompanhar o coneteudo do site? Tipo: se tem uma seção com um texto comprido de mais, acaba entrando pelo rodapé. Re: #conteudo { margin: 0 auto; text-align: left; position: relative; min-height: 100%; height: auto; height: 100%; } Só colocar essa linha no CSS e claro a div: <body topmargin="0"> <div id="conteudo"> Certo, não é? Ou tem algo, macete, que o pessoal faz com o CSS? Acho que o que coloquei não foi bom assim... alguém tem dicas para essas coisas?

William, pesquisando achei o seguinte: Coloca um plano de fundo no topo do site de forma horizontal: <style type="text/css"> <!-- body { background-image: url('sf_grey_top.gif'); background-repeat: repeat-x } --> </style> Para colocar um rodapé no site é só inserir mais esse código <style type="text/css"> <!-- * { margin: 0; padding: 0; } /* Min-Height é usado por browsers modernos - "HEIGHT:AUTO" é necessário */ #rodape { width:100%; background-image: url('sf_grey_top.gif'); color:#fff; position: absolute; bottom:0px; height: 40px; margin:0px; } * HTML #rodape { margin-bottom:0px; bottom:-1px; } #rodape-conteudo { text-align:center; line-height: 40px; } --> </style> Sendo assim, sintetizei os códigos: <style type="text/css"> <!-- * { margin: 0; padding: 0; } body {background-image: url('sf_grey_top.gif'); background-repeat: repeat-x } #rodape { width:100%; background-image: url('sf_grey_top.gif'); color:#fff; position: absolute; bottom:0px; height: 40px; margin:0px; } * HTML #rodape { margin-bottom:0px; bottom:-1px; } #rodape-conteudo { text-align:center; line-height: 40px; } --> </style> A questão agora é o meio? Se eu for colocar uma imagem e como fazer para ela ficar ajustada ou determinado espaço entre o topo e o rodapé? Aproveitando... o conteúdo que fica no meio se for grande de mais acaba passando do rodapé... não tem como o rodapé acompanhar o coneteudo do site? Tipo: se tem uma seção com um texto comprido de mais, acaba entrando pelo rodapé.

Olá pessoal, vejo alguns sites em CSS que eles colocam um plano de fundo no site que fica no topo da página e de uma ponta a outra independente da resolução do site e ao mesmo tempo eles criam um rodapé de ponta a outra também acompanhando a altura do site sem cortar os coneteúdos e percebi que não é uma imagem toda de fundo... é como se fosse montada algo assim... Para ter uma idéia vejam esses sites: http://www.peninsuladesign.co.uk/ e http://mtr-design.com/en/ por exemplo... Como fazer esse processo? É em CSS isso não é? Obrigado! Marcelo

Olá Rafael, na verdade parece que o cliente vai abondonar o projeto, então, ele parece que não vai ligar muito se o site ficar fora do ar...e também é uma situação chata para cobrar alguém nessa situação: ente querido doente...vou ver o que faço! Obrigado mesmo!

Olá pessoal, Queria saber da opinião de vocês, até do moderador Rafael, RISOS, pois vocês têm experiência nesse mercado e tal de programação, o que devo fazer na seguinte situação que acabei de passar: Tenho um cliente que já fez alguns sites comigo e tal... aí ele solicitou outro e eu fiz e terminei o site todo e ainda coloquei o painel administrativo, banco de dados tudo certinho e hoje ele me fala que o pai da mulher dele está doente (pra morrer), que o povo só pensa nisso, que eu tenho também pais e sei como é e que infelizmente, talvez, ele não vai poder continuar com o projeto, com o site... fiquei na mão né? e no prejuizo... entendo o lado dele é claro, é uma vida de uma pessoa... mas acaba ocorrendo isso não é? Não cobrei nada como adiantamento antes, pois ele é um cliente antigo e sempre me pagou certo... E agora? :)

testei e não funcionou certo... ele exibe logo as fotos antes de clicar na ABA e sem formatação...

Bareta, fiz o que você falou, mas não exibiu nada, ficou em branco, veja se estar certo mesmo o que eu fiz: ---------------------------- Fiz um response.write(arra) e acabou mostrando: fotos/01.gif,fotos/02.gif,fotos/03.gif,fotos/p.gif,fotos/05.gif,fotos/06.gif,fotos/07.gif,fotos/08.gif,fotos/p1.gif,fotos/04.gif,fotos/09.gif Mas no array o normal é assim: Array("p/24.jpg", "p/25.jpg", "p/26.jpg"); Eu preciso desse " " então né que o array do banco não dar... -------------------------------- <!--#include file="conexao_dados.asp"--> <% dim conexao call abre_conexao SQLobras = "SELECT * FROM fotos" Set rs = Conexao.Execute(SQLobras) fotos=Rs("fotos") %> <% IF rs.EOF then Response.write "Não existem informações cadastradas..." ELSE arra="" While not rs.EOF arra=arra&Rs("fotos")&"," rs.movenext Wend End If if right(arra,1)="," then arra=left(arra,(len(arra)-1)) %> <html> <head> <script language="javascript" type="text/javascript"> <!-- var Slide = new Array(<%=arra%>); var indSlide = 0; var ultSlide = Slide.length -1; // Função controla a seqüência de slides. function MostraSlide(direcao){ indSlide = indSlide + direcao; if(indSlide > ultSlide){indSlide = 0}; if(indSlide < 0) {indSlide = ultSlide}; document.FigSlide.src = Slide[indSlide]; } //--> </script> </head> <body> <table border="1" width="180" height="149"> <tr> <td colspan="2" align="center"> <img src="<%=fotos%>" name="FigSlide" border="0" width="255" height="229"> </td> </tr> <tr> <td> <a href="java script:MostraSlide(-1)"> <b><font color="#800000"> << Anterior</font></b></a> </td> <td> <p align="right"> <a href="java script:MostraSlide(1)"> <b><font color="#800000"> Próximo >></font></b></a> </p> </td> </tr> </table> </body> </html>

Olá, bom dia! Estou com esse script básico de slide, para passar fotos e gostaria de saber como fazer essas fotos do Array vim do banco de dados, um loop? <script language="javascript" type="text/javascript"> <!-- var Slide = new Array("24.jpg", "25.jpg", "26.jpg"); var indSlide = 0; var ultSlide = Slide.length -1; // Função controla a seqüência de slides. function MostraSlide(direcao){ indSlide = indSlide + direcao; if(indSlide > ultSlide){indSlide = 0}; if(indSlide < 0) {indSlide = ultSlide}; document.FigSlide.src = Slide[indSlide]; } //--> </script> Grato

<div name="tabFone" id="tabFone" style="display:none"> <!--#include file="imagemnova.asp"--> </div> Quer que eu mude o style="display: ? mas o none é para ele ficar invisivel até ser chamdo, block...

Olá! Boa noite Eu estou usando o lightbox para fazer zoom na foto... aí tenho: <a href="<%=foto%>" rel="lightbox[roadtrip]"><img border="0" src="<%=foto%>" height="265"></a> É uma imagem que vem do banco e faz zoom com lightbox com [roadtrip] para gerar o Next... mas nesse caso acima não gera! Por que? Percebi que ele só gera o Next do lightbox, para ficar passando as fotos, se tiver dois links ou mais, mas com um não, tipo: <a href="<%=foto%>" rel="lightbox[roadtrip]"><img border="0" src="<%=foto%>" height="265"></a> <a href="<%=foto%>" rel="lightbox[roadtrip]"><img border="0" src="<%=foto%>" height="265"></a> Mas aí vai exibir várias figuras e só quero que exibia uma, então só posso ter uma linha. Como resolver isso?

Olá pessoal Estou tentando algo, mas não sai mesmo! tenho essa div que é chamada: <div name="tabFone" id="tabFone" style="display:none"> <!--#include file="imagemnova.asp"--> </div> Só que o include imagemnova.asp que está dentro dela tem outras DIVS e não funciona por causa da DIV externa que chama essa include...as divs que está dentro são: <style type="text/css" media="all"> html {background:#F4F3F1;} body { width:100%; height:0px; margin:0px auto; border: 0px solid #888; background:#F4F3F1; font-style:normal; font-variant:normal; font-weight:normal; font-size:11px; font-family:Arial, Helvetica, sans-serif; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px } #galeria { /* regras CSS para posicionar a galeria na página */ width:px; margin:0 auto; } #outer-palco { height:500px; width:500px; margin-bottom:5px; border:0px solid #999; } #slide { background:#F4F3F1; position:relative; width:680px; height:160px; overflow: auto; } #tira { float:left; position:absolute; left:30px; top:0; padding-top:8px; } #inner-tira { width:1400px; height:200px; list-style:none; padding:0; margin:0; position:absolute; left:0; } #inner-tira li { background-image: url('img/foto11.jpg'); float:left; width:px; height:1000px; text-align:center; margin-left:0; margin-right:20px; margin-top:0; margin-bottom:20px; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:0 } #tira li a { display:block; width:121px; height:110px; } #tira img { border:0px solid #666; display:block; width:116px; height:87px; } span#seta-esq, span#seta-dir { display:block; width:34px; height:132px; float:left; } span#seta-esq { background-position: 2px 50px; cursor:pointer; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll } span#seta-dir { background-position: 6px 50px; float:right; cursor:pointer; background-color:transparent; background-repeat:no-repeat; background-attachment:scroll } img { border:none; } </style> <div id="galeria" > <div id="slide"> <div id="tira" > <ul id="inner-tira"> <li><a href="<%=fotos%>" rel="lightbox[roadtrip]" ><img src="<%=fotos%>" alt="<%=desc%>"/></a><%=desc%></li> </ul> <span id="seta-dir"></span> </div> </div> </div> Elas que formatam os textos dessa página... como fazer com que não ocorra conflito entre a div name="tabFone" e as das includes?

Rafael, resolvir tranquilamente, é isso mesmo! Valeu mais uma vez! :)