Página com CSS e iframes não funciona

[jaidelson 0]

Olá a todos de novo!Hoje tá pau!Não achem estranho se virem essa pergunta em outro fórum tbm.Estou fazendo uma página onde tem alguns recursos de CSS (como menus por exemplo) pra quem tá começando a entender CSS e fazer sem meno de errar o código está meio grandinho mas tá funcionando.A bronca é: coloquei um iframe numa célula da tabela para quando abrir a página ele carregar logo uma página dentro dele só que não está funcionando. Enquanto que, no menu CSS eu coloquei o link para esse mesmo iframe e quando eu clico no menu a página abre normalmente.Resumindo: a página não abre no iframe ams quando clico num botão para abrir outra página diferente ela abre legal.Onde está o erro?Valeu!!

[renanfog 0]

manda um link online pra gente ver! :D

[titodj 0]

Olá a todos de novo!

Hoje tá pau!

Não achem estranho se virem essa pergunta em outro fórum tbm.

Estou fazendo uma página onde tem alguns recursos de CSS (como menus por exemplo) pra quem tá começando a entender CSS e fazer sem meno de errar o código está meio grandinho mas tá funcionando.

A bronca é: coloquei um iframe numa célula da tabela para quando abrir a página ele carregar logo uma página dentro dele só que não está funcionando. Enquanto que, no menu CSS eu coloquei o link para esse mesmo iframe e quando eu clico no menu a página abre normalmente.

Resumindo: a página não abre no iframe ams quando clico num botão para abrir outra página diferente ela abre legal.

Onde está o erro?

 

Valeu!!

olha eu tenho um iframe num site e não uso tabelas, fiz dentro de um div mesmo, tipow assim

 

<div id="central">

<div align="center"><iframe name="nome_do_iframe" src="pagina_inicial.htm" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="485" height="100%"></iframe> </div>

 

como eu uso sem barra de rolagem, uso scrolling "no", e height="100%" q o testo se adpata ao iframe, mas é outro assunto.

 

pra você seria isto <iframe name="nome_do_iframe" src="pagina_inicial.htm" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="400" height="500"></iframe>

 

acrecente o src="pagina.html" no teu iframe, espero q te ajude...

 

 

Meu Website http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[jaidelson 0]

Vejam o código. Estou com vergonha por ele ser tão grande mas não me critiquen não, estou tentando melhorar no uso do CSS.<style type="text/css">h3 {border-width:thick;border-style:dashed;border: 1px;border-color: #0000FF; } </style><style type="text/css">#menuhor {border:none;margin: 0;font: 12px Arial, sans-serif;}#menuhor li {list-style: none; margin: 0;display: inline;}#menuhor li a {height:8px; /* IE5.0 bug */padding: 10px 8px; margin:0;border: 0px solid #000; background: #999;text-decoration: none;}#menuhor li a:link {color: #fff;}#menuhor li a:visited {color: #fff;}#menuhor li a:hover {background: #ccc;color: #000; border-color: #000;}</style><STYLE type=text/css>BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}UL.nav { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; text-align: center; table-layout: auto;}UL.nav LI { DISPLAY:inline; LIST-STYLE-TYPE:none;}UL.nav A { BORDER-RIGHT: #909090 0.1em solid; PADDING-RIGHT: 0.2em; BORDER-TOP: #fff 0.1em solid; PADDING-LEFT: 0px; BACKGROUND: #f1f1f1; FLOAT: left; PADDING-BOTTOM: 0.2em; FONT: 0.68em Verdana, Arial, Helvetica, sans-serif; BORDER-LEFT: #fff 0.1em solid; WIDTH: 9em; COLOR: #333; PADDING-TOP: 0px; BORDER-BOTTOM: #909090 0.1em solid; TEXT-ALIGN: center; TEXT-DECORATION: none; vertical-align: middle;}UL.nav A:hover { BORDER-LEFT-COLOR: #000; BACKGROUND: #999; BORDER-BOTTOM-COLOR: #fafafa; COLOR: #fff; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #fafafa}.style1 { color: #FFFFFF; font-family: "14px Arial", sans-serif;}</STYLE><style type="text/css">.menu { font-family: Verdana; text-indent: 0px; text-decoration: none; font-size: 12px; color: #003366; background-color: #E0E1F1;}.menu:hover { text-decoration: none; font-size: 12px; color: #000000; background-color: #FFFFFF; display:block;}</style><style type="text/css">td img {display: block;}.style2 { color: #FFFFFF; font-family: Arial, sans-serif;}</style></head><body bgcolor="#ffffff"><table border="0" cellpadding="0" cellspacing="0" width="770"><!-- fwtable fwsrc="FISICA.png" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "1579688753" fwnested="0" --> <tr> <td><img src="images/spacer.gif" width="5" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="173" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="587" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="5" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td rowspan="9"><img name="index_r1_c1" src="images/index_r1_c1.jpg" width="5" height="669" border="0" id="index_r1_c1" alt="" /></td> <td height="85" colspan="2" bgcolor="#003366"> <div align="center"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="755" height="95" title="banner"> <param name="movie" value="flash/Ricardo-banner.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent" /> <embed src="flash/Ricardo-banner.swf" width="755" height="95" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed> </object> </div></td> <td rowspan="9"><img name="index_r1_c4" src="images/index_r1_c4.jpg" width="5" height="669" border="0" id="index_r1_c4" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="115" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><img name="index_r2_c2" src="images/index_r2_c2.jpg" width="760" height="22" border="0" id="index_r2_c2" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="22" border="0" alt="" /></td> </tr> <tr> <td height="0" colspan="2" bgcolor="#999999"><div align="center"><UL class=nav> <LI><A href="http://www.imasters.com.br/conteudo2/msamy/15/barraiframe.html#na">Mecânica</A> <LI><A href="http://www.imasters.com.br/conteudo2/msamy/15/barraiframe.html#nb">Termologia</A> <LI><A href="http://www.imasters.com.br/conteudo2/msamy/15/barraiframe.html#nc">Acústica</A> <LI><A href="http://www.imasters.com.br/conteudo2/msamy/15/barraiframe.html#nd">Eletromagnetismo</A> <LI><A href="http://www.imasters.com.br/conteudo2/msamy/15/barraiframe.html#ne">Física Moderna</A> <LI><A href="http://www.imasters.com.br/conteudo2/msamy/15/barraiframe.html#nf">Mapa do Site</A> <LI> <div align="left"><A href="http://www.imasters.com.br/conteudo2/msamy/15/barraiframe.html#ng">Contato</A> </div> </LI></UL></div></td> <td><img src="images/spacer.gif" width="1" height="35" border="0" alt="" /></td> </tr> <tr> <td width="173" height="77" rowspan="3" bgcolor="#003366"><div align="center"></div></td> <td width="587" height="25" bgcolor="#003366"><div align="center"></div></td> <td><img src="images/spacer.gif" width="1" height="25" border="0" alt="" /></td> </tr> <tr> <td><img name="index_r5_c3" src="images/index_r5_c3.jpg" width="587" height="7" border="0" id="index_r5_c3" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="7" border="0" alt="" /></td> </tr> <tr> <td rowspan="3" align="center" valign="top"> <a href="ciencias.html" target="iframe"></a> <iframe id="iframe" name="iframe" src="ciencias.html" width="500" height="400" scrolling="Default" frameborder="0" marginwidth="0" marginheight="0" ></iframe></td> <td height="45"><img src="images/spacer.gif" width="1" height="45" border="0" alt="" /></td> </tr> <tr> <td width="173" height="30" align="center" valign="middle" bgcolor="#003366"><h3 align="center" class="style1">MENU</h3></td></div></td> <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td> </tr> <tr> <td width="173" height="361" align="center" valign="top" bgcolor="#E0E1F1"><div align="center"> <table width="166" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#E0E1F1"> <tr> <td align="center" valign="middle" bgcolor="#E0E1F1"><a class="menu" href="#">Página Inicial</a></td> </tr> <tr> <td align="center" valign="middle" bgcolor="#E0E1F1"><div align="center"> <div align="center"><a class="menu" href="#">Onde está a Física</a></div></td> </tr> <tr> <td align="center" valign="middle" bgcolor="#E0E1F1"><div align="center"><a class="menu" href="#">Áreas da Física</a></div></td> </tr> <tr> <td align="center" valign="middle" bgcolor="#E0E1F1"><div align="center"><a href="ciencias.html" target="iframe" class="menu">Gondin & Turma</a></div></td> </tr> </table> </div></td> <td><img src="images/spacer.gif" width="1" height="361" border="0" alt="" /></td> </tr> <tr> <td width="173" height="29" bgcolor="#006699"> </td> <td> </td> <td><img src="images/spacer.gif" width="1" height="29" border="0" alt="" /></td> </tr> <tr> <td><img name="index_r10_c1" src="images/index_r10_c1.jpg" width="5" height="31" border="0" id="index_r10_c1" alt="" /></td> <td height="31" colspan="2" bgcolor="#003366"><div align="center"></div></td> <td><img name="index_r10_c4" src="images/index_r10_c4.jpg" width="5" height="31" border="0" id="index_r10_c4" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="31" border="0" alt="" /></td> </tr></table>

[titodj 0]

tem certeza q o arquivo ciencias.html existe? tem q estar na pasta rais do site, se estiver em outra pasta, coloque "../pasta/ciencias.html"

q tem q funfar...

 

OBS: tente mudar o nome do iframe, coloque qualquer outro nome, menos iframe...

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[jaidelson 0]

O pior que está tudo no lugar certinho!

Tem um menu chamado Gondin & Turma no qual eu coloquei o link dessa mesma página direcionando para esse mesmo iframe e funfa..

 

<td align="center" valign="middle" bgcolor="#E0E1F1"><div align="center"><a href="ciencias.html" target="iframe" class="menu">Gondin & Turma</a></div></td>

 

Qual será a explicação?

Não sei. Mas o principal que é a página principal não abre a página que quero.

 

Está valendo a ajuda!!!

[titodj 0]

cara testei o codigo aqui e funfo perfeitamente, por isso acho q tem algum erro no nome do arquivo, ou ele ta salvo .htm e não .html e você chama .html, algo deste tipo, de uma olhada nos nomes dos arquivos se estão corretos e talz, se caso estiver en uma pasta q não seja a pasta raiz especifique a pasta, tipow ../pasta/arquivo.html ou .htm, mas pode ter certeza q esta ae o erro...

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[pa_bruno 0]

tente sempre tb chamar o target com nomes diferentes de tags... isso pode dar confusão... fora q talvez possa dar erros, sei lah...

[jaidelson 0]

OK! Vou fazer de novo e testar.Valeu a força!Precisando é só falar.