Dih. Postado Março 23, 2011 Denunciar Share Postado Março 23, 2011 (editado) Olá pessoal. =)Vocês poderiam me ajudar com meu caso? Eu fiz um site esse mês e ao meu ver, não encontrei nenhum erro no código html.O layout do site é de imagem, podem ver aqui (http://fatale.art.br)A iframe se move quando se dá uma maximizada ou minimizada na tela, além de ficar torto também em computadores com resolução inferior ou bem maior que 1024x762. O mapa da imagem continua correto, mas a iframe sempre se move.Alguém pode me ajudar?Obrigada. ♥ Editado Março 26, 2011 por kuroi Adicionar link Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 SK15 Postado Março 23, 2011 Denunciar Share Postado Março 23, 2011 Sem código é díficil :P Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Dih. Postado Março 23, 2011 Autor Denunciar Share Postado Março 23, 2011 (editado) Sem código é díficil :PMas é só olhar no código fonte. ._.De qualquer forma:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); //--> </script> <script type="text/javascript"> <!-- function lite(obj) { if(document.all&&!window.opera) { obj.filters.blendTrans.apply(); obj.filters.blendTrans.play(); } } --> </script> <title>FATALE</title> <script type="text/javascript" language="javascript"> <!-- var sc_project=1764111; var sc_invisible=1; var sc_partition=16; var sc_security="1ba809cc"; //--> </script> <STYLE type="text/css"> P {FONT-WEIGHT: normal; FONT-SIZE: 13px;LINE-HEIGHT: 14px; FONT-STYLE: normal; FONT-FAMILY: Trebuchet MS; TEXT-ALIGN: left} BODY {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #D4D4D4; LINE-HEIGHT: 14px; FONT-STYLE: 11pt; FONT-FAMILY: Trebuchet MS; TEXT-ALIGN: left} DIV {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #D4D4D4; LINE-HEIGHT: 14px; FONT-STYLE: 11pt; FONT-FAMILY: Trebuchet MS;} B {FONT-WEIGHT: bold; FONT-STYLE: bold; COLOR: #9a9a9a; LINE-HEIGHT: 14px; FONT-STYLE: 11pt; FONT-FAMILY: Trebuchet MS;POSITION: relative;} A {HEIGHT: 3px} A:link {FONT-WEIGHT: bold; COLOR: #AE799F; TEXT-DECORATION: none;cursor: help} A:visited {FONT-WEIGHT: bold; COLOR: #925882; TEXT-DECORATION: none;cursor: help} A:active {FONT-WEIGHT: bold; COLOR: #A56995; TEXT-DECORATION: none;cursor: help} A:hover {FONT-WEIGHT: bold; COLOR: #B19CAC; BACKGROUND-COLOR: #F2EEF1; TEXT-DECORATION: none;} BODY { scrollbar-face-color: #E2E2E2; scrollbar-arrow-color: #C91426; scrollbar-track-color: #FFFDFD; scrollbar-shadow-color: #FFFDFD; scrollbar-highlight-color: #FFF9F9; scrollbar-3dlight-color: #4D4D4D; scrollbar-darkshadow-Color:#8E8C8C; BACKGROUND-COLOR: #ffffff;} .table1 { color: #C88811; border-top: 1px dashed #FF9788; border-bottom: 1px dashed #FF9788; border-left: 1px double #ff9788; border-right: 1px double #ff9788; background-color: #FEFBF3; LINE-width: 2px; padding: 12px;} </style> <script type="text/javascript"> <!-- function lite(obj) { if(document.all&&!window.opera) { obj.filters.blendTrans.apply(); obj.filters.blendTrans.play(); } } --> </script> </HEAD> <BODY oncontextmenu="return false" ondragstart="return false" onselectstart="return false"> <body background="" leftmargin="0" topmargin="3" marginwidth="0" marginheight="-2"> <p><DIV ALIGN="center"><IMG SRC="/fatale.jpg" WIDTH="1024" HEIGHT="1668" border="0" usemap="#Map"></p> <map name="Map"> <!-- Links superiores --> <area shape="rect" coords="838,52,800,90" href="mailto: contato@fatale.art.br" target="_blank" alt=" E-mail "> <area shape="rect" coords="878,52,840,90" href="http://www.orkut.com.br/Main#Profile?rl=mp&uid=4122561625190478887" target="_blank" alt=" Orkut "> <area shape="rect" coords="918,52,880,90" href="http://twitter.com/#!/Fataleart" target="_blank" alt=" Twitter "> <area shape="rect" coords="958,52,920,90" href="http://www.facebook.com/#!/Fatale.Art" target="_blank" alt=" Facebook "> <!-- Menu superior --> <area shape="rect" coords="170,252,75,188" href="layouts/fatale.html" alt=" A Fatale "> <area shape="rect" coords="305,252,190,188" href="layouts/equipe.html" alt=" Equipe "> <area shape="rect" coords="400,252,320,188" href="layouts/fotos.html" alt=" Fotos "> <area shape="rect" coords="560,252,415,188" href="http://www.fatale.art.br/layouts/depoimentos.html" alt=" Depoimentos "> <area shape="rect" coords="790,252,575,188" href="layouts/seja_parceiro.html" alt=" Seja nosso Parceiro "> <area shape="rect" coords="920,252,810,188" href="layouts/parceiros.html" alt=" Parcerias "> <!-- Menu inferior --> <area shape="rect" coords="350,328,259,266" href="layouts/ensaio.html" alt=" Ensaio "> <area shape="rect" coords="495,328,369,266" href="layouts/privacidade.html" alt=" Privacidade "> <area shape="rect" coords="610,328,510,266" href="layouts/contato.html" alt=" Contato "> <area shape="rect" coords="760,328,625,266" href="layouts/cadastre-se.html" alt=" Cadastre-se "> <!-- Menu fim --> <area shape="rect" coords="220,1380,106,1356" href="layouts/quemsomos.html" alt=" Quem somos "> <area shape="rect" coords="260,1428,108,1410" href="layouts/entre_em_contato.html" alt=" Entre em Contato "> <area shape="rect" coords="540,1380,340,1356" href="layouts/perguntas_frequentes.html" alt=" Perguntas frequentes "> <area shape="rect" coords="477,1433,340,1410" href="layouts/como_funciona.html" alt=" Como Funciona "> <area shape="rect" coords="420,1483,340,1460" href="layouts/imprensa.html" alt=" Imprensa "> <area shape="rect" coords="760,1380,582,1356" href="layouts/sugerir_parceiro.html" alt=" Sugerir um Parceiro "> <area shape="rect" coords="750,1433,582,1410" href="layouts/seja_parceiro.html" alt=" Seja um Parceiro "> <area shape="rect" coords="890,1380,800,1356" href="http://www.facebook.com/#!/Fatale.Art" target="_blank" alt=" Facebook "> <area shape="rect" coords="880,1433,800,1410" href="http://twitter.com/#!/Fataleart" target="_blank" alt=" Twitter "> <area shape="rect" coords="880,1483,800,1460" href="http://www.orkut.com.br/Main#Profile?rl=mp&uid=4122561625190478887" target="_blank" alt=" Orkut "> </map> <!-- Vídeo do Youtube resolução de de 340x240 --> <div align="left" id="Layer1" style="position: absolute; top: 980; left: 30; width: 240; height: 0"> </div> <!-- Espaço promoção resolução de de 340x240 --> <div align="left" id="Layer1" style="position: absolute; top: 980; left: 466; width: 240; height: 0"> </div> <div style="position: absolute; left: 333; top: 489; width: 575; height: 340; z-index: 4"> <iframe noresize="noresize" src="fatale.html" frameborder="0" width="565" height="340" name="iframes" overflow="auto" align="absbottom" body bgcolor="#transparent" ALLOWTRANSPARENCY="true" scrolling="no"> </iframe> </div> <div style="position: absolute; left: 60; top: 10; width: 600; right: 5px; height: 100px; z-index: 4"> <IMG SRC="logo.jpg" WIDTH="435" HEIGHT="155"> </body> </html> Editado Março 23, 2011 por Dih. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 kuroi Postado Março 23, 2011 Denunciar Share Postado Março 23, 2011 não encontrei nenhum erro no código html.mas eu sim... de uma olhada, por exemplo, q no final você abre uma div e não fecha... seu iframe ta cheio de propriedades q não existem, você ta abrindo dois bodys...você ta usando dreamweaver?? se for o caso, tenta dexar a janela de design pra la e montar a pagina só pelo codigo mesmo q é muito melhor...acho q o melhor mesmo seria você refazer a pagina usando position static mesmo em vez de absolute. ai você punha as divs umas dentro da outra como era pra ser no visual.de qualquer modo, se você mudar a primeira div (q alias, você tb não tinha fechado) onde você pos a imagem de fundo num img (se é imagem de fundo, deveria ficar num background, de preferencia ne), pra alguma coisa mais o menos assim:<p><DIV ALIGN="center" style="margin-left: 200px; background: url('http://fatale.art.br/fatale.jpg'); width: 1024; height: 1668;"></div></p>e se você mudar o left da div onde esta o seu iframe pra tipo 433, ele deve ficar mais ou menos alinhado. ai você vai ajustando os lefts e ve como você acha q fica melhor. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Dih. Postado Março 25, 2011 Autor Denunciar Share Postado Março 25, 2011 Muito obrigada ^_^ Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Dih. Postado Março 25, 2011 Autor Denunciar Share Postado Março 25, 2011 Mais uma dúvida, por favor..O mapa não pega mais.. Eu coloquei dentro disso:<p><DIV ALIGN="center" style="margin-left: 108px; background: url('http://fatale.art.br/fatale.jpg'); width: 1024; height: 1668;" usemap="#Map"></p> <map name="Map">Mas não pega mais. Como faço? =| Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 kuroi Postado Março 25, 2011 Denunciar Share Postado Março 25, 2011 é verdade, eu não tinha prestado atencao nessa parte do map. então não vai dar pra usar imagem de fundo, vai ter q ser com o img mesmo, o usemap so funciona com img. tenta assim q deve funcionar:<p><div align="center" style="margin-left: 200px; width: 1024; height: 1668;"><img src="http://fatale.art.br/fatale.jpg" usemap="#map" /></div></p> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Dih. Postado Março 26, 2011 Autor Denunciar Share Postado Março 26, 2011 Funcionou!!Muitíssimo obrigada! ♥ ♥ Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Dih.
Olá pessoal. =)
Vocês poderiam me ajudar com meu caso? Eu fiz um site esse mês e ao meu ver, não encontrei nenhum erro no código html.
O layout do site é de imagem, podem ver aqui (http://fatale.art.br)
A iframe se move quando se dá uma maximizada ou minimizada na tela, além de ficar torto também em computadores com resolução inferior ou bem maior que 1024x762. O mapa da imagem continua correto, mas a iframe sempre se move.
Alguém pode me ajudar?
Obrigada. ♥
Editado por kuroiAdicionar link
Link para o comentário
Compartilhar em outros sites
7 respostass 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.