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

Preciso Centralizar um formulario e uma iFRAME ?

cvprado

Perguntado por cvprado,

 Share

Pergunta

cvprado

cvprado

Postado
Postado

Preciso ajustar nesta pagina "Ajuste do mapa" o mapa da localização porque ele esta alinhado a direita isso no IE porque no meu Firefox esta normal.

Preciso ajustar nesta pagina "Ajuste do mapa" o formulario porque ele esta alinhado a direita isso no IE porque no meu Firefox esta normal.

O gozado q eu olhando no meu IE8 esta normal mas minha esposa no serviço dela esta alinhado a direita e no meu serviço tambem esta alinhado a direita.

Podem me ajudar.

Link para o comentário
Compartilhar em outros sites

14 respostass a esta questão

Posts Recomendados

  • 0
kuroi

kuroi

Postado
Postado

o problema é a resolucao. você pos o seu mapa numa div com position absolute. ai ela vai ficar em lugares diferentes dependendo da resolucao do monitor.

o melhor é você revisar o modo como você ta construindo a sua pagina, porque se você for ver, você ta pondo essa div dentro de um td q é 3 vezes menor do q ela, ai não da mesmo ne.

talvez se você fizesse um colspan e juntasse os todos, você pudesse por essa sua div com position static ou relative, e ai ela ficaria na posicao certa.

Link para o comentário
Compartilhar em outros sites
  • 0
cvprado

cvprado

Postado
  • Autor
Postado
o problema é a resolucao. você pos o seu mapa numa div com position absolute. ai ela vai ficar em lugares diferentes dependendo da resolucao do monitor.

o melhor é você revisar o modo como você ta construindo a sua pagina, porque se você for ver, você ta pondo essa div dentro de um td q é 3 vezes menor do q ela, ai não da mesmo ne.

talvez se você fizesse um colspan e juntasse os todos, você pudesse por essa sua div com position static ou relative, e ai ela ficaria na posicao certa.

O q fiz no frontpage foi criar uma camada e depois dentro dela coloquei o codigo do googlemap ou a frame na outra pagina.

Não sei o q fazer.

Link para o comentário
Compartilhar em outros sites
  • 0
cvprado

cvprado

Postado
  • Autor
Postado
o problema é a resolucao. você pos o seu mapa numa div com position absolute. ai ela vai ficar em lugares diferentes dependendo da resolucao do monitor.

o melhor é você revisar o modo como você ta construindo a sua pagina, porque se você for ver, você ta pondo essa div dentro de um td q é 3 vezes menor do q ela, ai não da mesmo ne.

talvez se você fizesse um colspan e juntasse os todos, você pudesse por essa sua div com position static ou relative, e ai ela ficaria na posicao certa.

O q fiz no frontpage foi criar uma camada e depois dentro dela coloquei o codigo do googlemap ou a frame na outra pagina.

Não sei o q fazer.

Instalei o Dreamwaver n sei direito usar mas se você puder me dizer como posso fazer para acertar este alinhamento agradeço.

Link para o comentário
Compartilhar em outros sites
  • 0
*FIT*

*FIT*

Postado
Postado

Como o kuroi citou acima, a questão não está em usar um frontpage ou Dreamweaver. O que você precisa é ter uma noção digamos razoável de HTML e CSS, e fazer os códigos você mesmo, sem depender desses editores. Eles são muito bons, facilitam demais o trabalho, mas com tudo, é preciso aprender fazer "na unha" antes de começar a usar editores HTML.

Em relação à como acertar o alinhamento, o kuroi também já citou acima.

o problema é a resolucao. você pos o seu mapa numa div com position absolute. ai ela vai ficar em lugares diferentes dependendo da resolucao do monitor.

o melhor é você revisar o modo como você ta construindo a sua pagina, porque se você for ver, você ta pondo essa div dentro de um td q é 3 vezes menor do q ela, ai não da mesmo ne.

talvez se você fizesse um colspan e juntasse os todos, você pudesse por essa sua div com position static ou relative, e ai ela ficaria na posicao certa.

Link para o comentário
Compartilhar em outros sites
  • 0
cvprado

cvprado

Postado
  • Autor
Postado

Dentr odeste codigo abaixo como posso posso por a DIV com position static + o colspan ?

<html>
<head>
<meta http-equiv="Content-Language" content="pt-br">
<title>NATYKAR</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--<FlashTopic>navigation31</FlashTopic><FlashWidth>780</FlashWidth><FlashReplace>HEIGHT="258"</FlashReplace>-->
<style type="text/css">
<!--
.style1 {
    color: #FFFFFF;
    font-weight: bold;
}
 p.MsoNormal
    {mso-style-parent:"";
    margin-bottom:.0001pt;
    font-size:12.0pt;
    font-family:"Times New Roman";
    margin-left:0cm; margin-right:0cm; margin-top:0cm}
-->
</style>
</head>
<center>
<body bgcolor="#D62E29" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="text-align: center">
<!-- ImageReady Slices (glasgoranger119.psd) -->
<table id="__01" width="781"  border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="780" HEIGHT="258" colspan="12">

            <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="780" height="256">
                <param name="movie" value="NATYKAR.swf">
                <param name="quality" value="High">
                <embed src="NATYKAR.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="780" height="256"></object>
        </td>
        <td>
            <img src="images/n31_1/images/space.gif" width="1" HEIGHT="258" alt=""></td>
    </tr>
    <tr>

        <td colspan="10">
            <img src="images/n31_1/images/index_02.gif" width="550" height="11" alt=""></td>
        <td rowspan="2">
            <img border="0" src="images/n31_1/N31_1/images/index_03.jpg" width="216" height="38"></td>
        <td rowspan="5">
            <img src="images/n31_1/images/index_04.gif" width="14" height="176" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="11" alt=""></td>
    </tr>

    <tr>
        <td rowspan="4">
            <img border="0" src="images/n31_1/N31_1/images/index_05.gif" width="14" height="165"></td>
        <td colspan="5" rowspan="2" background="/www/novo/images/n31_1/images/index_06.jpg">
            <img border="0" src="images/n31_1/N31_1/images/index_06.jpg" width="489" height="138"></td>
        <td colspan="2" rowspan="2">
            <img border="0" src="images/n31_1/N31_1/images/index_07.jpg" width="28" height="138"></td>
        <td colspan="2">
            <img src="images/n31_1/images/index_08.gif" width="19" height="27" alt=""></td>

        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="27" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="2" valign="top" background="/novo/images/index_09.jpg">
        <img border="0" src="images/n31_1/N31_1/images/Pneus.jpg" width="235" height="130"></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="111" alt=""></td>
    </tr>

    <tr>
        <td colspan="7" rowspan="2">
            <img src="images/n31_1/images/index_10.gif" width="517" height="27" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="images/n31_1/images/index_11.gif" width="235" height="8" alt=""></td>

        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="8" alt=""></td>
    </tr>
    <tr>
        <td>
            <img border="0" src="images/n31_1/N31_1/images/index_12.gif" width="14" height="30"></td>
        <td width="230" height="30" bgcolor="#FFE336"><strong><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="41" height="16" id="text" align="">
<param name=movie value="Alterações SWF/images/topicflash1_1.swf"><param name=quality value=high><param name=wmode value=transparent>
<embed src="images/topicflash1_1.swf" quality=high wmode=transparent width="41" height="16" name="text" align=""
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed></object>

</strong></td>
        <td colspan="2">
            <img border="0" src="images/n31_1/N31_1/images/index_14.gif" width="26" height="30"></td>
        <td width="242" height="30" colspan="3" bgcolor="#FFE336"><strong><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="48" height="16" id="text" align="">
<param name=movie value="Alterações SWF/images/topicflash1_2.swf"><param name=quality value=high><param name=wmode value=transparent>
<embed src="images/topicflash1_2.swf" quality=high wmode=transparent width="48" height="16" name="text" align=""
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed></object></strong></td>
        <td colspan="2">
            <img border="0" src="images/n31_1/N31_1/images/index_16.gif" width="27" height="30"></td>
      <td width="227" height="30" colspan="2" bgcolor="#FFE336"><strong><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
width="48" height="16" id="text" align="">
<param name=movie value="Alterações SWF/images/topicflash1_3.swf"><param name=quality value=high><param name=wmode value=transparent>

<embed src="images/topicflash1_3.swf" quality=high wmode=transparent width="48" height="16" name="text" align=""
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed></object></strong></td>
        <td>
            <img border="0" src="images/n31_1/N31_1/images/index_18.gif" width="14" height="30"></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="30" alt=""></td>
    </tr>
    <tr>
        <td colspan="12">
            <img border="0" src="images/n31_1/N31_1/images/index_19.gif" width="780" height="23"></td>

        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td>
            <img border="0" src="images/n31_1/N31_1/images/index_20.jpg" width="14" height="295"></td>
        <td width="230" height="295" valign="top" bgcolor="#E4E4E4">
        <div style="position: absolute; width: 752px; height: 292px; z-index: 1; left: 351px; top: 487px" id="camada1" align="center">
<script language="javascript">
var dragapproved=false
if (document.all){
document.onmouseup=new Function("dragapproved=false")
}

function drag_dropie(){
    if (dragapproved==true){
        document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
        document.all.showimage.style.pixelTop=tempy+event.clientY-iey
    return false
    }
}

function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.onmousemove=drag_dropie
}

function hidebox(){
    if (document.all)
        showimage.style.visibility="hidden"
    else if (document.layers)
        document.showimage.visibility="hide"
}

</script>
<style>
td
{
font-family: verdana;
font-size: 15px;
}
</style><center>
<title>PopUp Móvel</title>
  <div id=showimage style="left: 92px; width: 749px; position: absolute; top: -2px; height: 300">
    <table cellpadding=2 width=110 bgcolor=#FFFFFF border=0 height="264">
        <tr bgColor=#ffffff>
            <td width="175" height=258><div align="center">
                <table height=7 cellSpacing=0 cellpadding=2 width=237 border=0 style="border-collapse: collapse" bordercolor="#111111">
                    <tr>

                     <td style="CURSOR: move" align=center onmousedown=initializedragie() width=194 height=8 bgcolor="#006699">
                    <font color="#FFFFFF"><b>Dicas NatyKar</b></font></td>
                       <td width=13 bgColor=#006699 height=8 align="right"><p align="center">
                        <div align=center>&nbsp;</div>
                        </td>
                    </tr>
                    <tr bgcolor=#000000>
                        <td style="padding-right: 1px; padding-LEFT: 1px; padding-bottom: 1px; padding-top: 1px" colspan=3 height=117 width="220" bgcolor="#000000">

                            <table cellSpacing=0 cellpadding=0 width="107%" border=1 style="border-collapse: collapse" bordercolor="#CCCCCC" height="105">
                                <tr>
                                    <td height=194 width="90%" bgcolor="#E8E8E8" bordercolor="#000066" align="center">
                                    <iframe name="I1" width="727" height="259" src="mensagem1.html" align="middle" border="0" frameborder="0" marginwidth="1" marginheight="1"></iframe></td>
                                </tr>
                            </table>
                            </div>
                        </td>

                    </tr>

                </table>
            </td>
        </tr>
    </table>
</div>
</div>
</center>
        <p class="MsoNormal">&nbsp;</td>
        <td rowspan="4">

            <img border="0" src="images/n31_1/N31_1/images/index_22.gif" width="17" height="523"></td>
        <td width="251" height="295" colspan="4" valign="top" bgcolor="#E4E4E4">
        &nbsp;</td>
        <td colspan="2" rowspan="2">
            <img border="0" src="images/n31_1/N31_1/images/index_24.gif" width="27" height="316"></td>
      <td width="227" height="295" colspan="2" valign="top" bgcolor="#E4E4E4">
        &nbsp;</td>
        <td>
            <img border="0" src="images/n31_1/N31_1/images/index_26.jpg" width="14" height="295"></td>

        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="295" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="3">
            <img border="0" src="images/n31_1/N31_1/images/index_27.gif" width="244" height="228"></td>
        <td colspan="4">
            <img border="0" src="images/n31_1/N31_1/images/index_28.gif" width="251" height="21"></td>
        <td colspan="3">

            <img border="0" src="images/n31_1/N31_1/images/index_29.gif" width="241" height="21"></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/n31_1/images/index_30.gif" width="19" height="207" alt=""></td>
        <td colspan="7" background="images/n31_1/images/index_31.jpg"><div align="center">
            Avenida João XXIII, 397 -Vila Formosa-SP</div>

        <div align="center">
            <fontsize=2>
            Telefones:</div>
        <div align="center">
            
            3794-2553</div>
        <div align="center">
            
            3794-2568</div>

        <div align="center">
            
            Email: natykar-automotivo@bol.com.br</div></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="134" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img border="0" src="images/n31_1/N31_1/images/index_32.gif" width="500" height="73"></td>

        <td>
            <img src="images/n31_1/images/space.gif" width="1" height="73" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/n31_1/images/space.gif" width="14" height="1" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="230" height="1" alt=""></td>
        <td>

            <img src="images/n31_1/images/space.gif" width="17" height="1" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="10" height="1" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="223" height="1" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="9" height="1" alt=""></td>

        <td>
            <img src="images/n31_1/images/space.gif" width="19" height="1" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="8" height="1" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="11" height="1" alt=""></td>
        <td>
            <img src="images/n31_1/images/space.gif" width="216" height="1" alt=""></td>
        <td>

            <img src="images/n31_1/images/space.gif" width="14" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
<a href="http://www.adventuredesigner.com.br">
<alt="Cesar Prado"></a><br><center><font size=2>
<a href="http://www.adventuredesigner.com.br">Designer By Cesar Prado</a></font></center></Body>
</html></center>

Link para o comentário
Compartilhar em outros sites
  • 0
cvprado

cvprado

Postado
  • Autor
Postado

Seria o q esta dentro da camada .

<div style="position: absolute; width: 747px; height: 292px; z-index: 1; left: 456px; top: 486px" id="camada1">
&nbsp;            
<!--FORMULÁRIO-->    
    <script src="http://www.jotform.com/min/g=jotform&3.1.1" type="text/javascript"></script>

<script type="text/javascript">

   JotForm.init(function(){
      $('input_3').hint('ex: myname@example.com');
   });
</script>
<link type="text/css" rel="stylesheet" href="http://www.jotform.com/css/styles/form.css?v3"/>
<link href="http://www.jotform.com/css/calendarview.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:2px;
    }
    .form-label-right{
        width:150px !important;
    }
    .form-all{
        width:690px;
        color:Black !important;
        font-family:Verdana;
        font-size:12px;
    }
</style>

<form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" name="form_2514922243" id="2514922243" accept-charset="utf-8">
    <input type="hidden" name="formID" value="2514922243" />
    <div class="form-all">
        <ul class="form-section">
            <li class="form-line" id="id_1">
                <label class="form-label-left" id="label_1" for="input_1"> Nome </label>

                <div id="id_1" class="form-input"><span class="form-sub-label-container"><input class="form-textbox" type="text" size="10" name="q1_nome[first]" id="first_1" />
                        <label class="form-sub-label" for="first_1" id="sublabel_first"> 
                    Primeiro nome </label></span><span class="form-sub-label-container"><input class="form-textbox" type="text" size="15" name="q1_nome[last]" id="last_1" />
                        <label class="form-sub-label" for="last_1" id="sublabel_last"> 
                    Sobrenome </label></span>
                </div>
            </li>
            <li class="form-line" id="id_3">
                <label class="form-label-left" id="label_3" for="input_3"> 
                E-mail </label>

                <div id="id_3" class="form-input">
                    <input type="text" class="form-textbox validate[Email]" id="input_3" name="q3_email3" size="30" />
                </div>
            </li>
            <li class="form-line" id="id_4">
                <label class="form-label-left" id="label_4" for="input_4"> 
                Telefone </label>
                <div id="id_4" class="form-input"><span class="form-sub-label-container"><input class="form-textbox" type="text" name="q4_telefone[area]" id="input_4_area" size="3">
                        -
                        <label class="form-sub-label" for="input_4_area" id="sublabel_area"> 
                    Código de Área </label></span><span class="form-sub-label-container"><input class="form-textbox" type="text" name="q4_telefone[phone]" id="input_4_phone" size="8">

                        <label class="form-sub-label" for="input_4_phone" id="sublabel_phone"> 
                    Número de Telefone </label></span>
                </div>
            </li>
            <li class="form-line" id="id_5">
                <label class="form-label-left" id="label_5" for="input_5"> 
                Mensagem </label>
                <div id="id_5" class="form-input">
                    <textarea id="input_5" class="form-textarea" name="q5_mensagem" cols="40" rows="6"></textarea>

                </div>
            </li>
            <li class="form-line" id="id_2">
                <div id="id_2" class="form-input-wide">
                    <div style="margin-left:156px" class="form-buttons-wrapper">
                        <button id="input_2" type="submit" class="form-submit-button">
                            Enviar formulário
                        </button>
                    </div>

                </div>
            </li>
            <li style="display:none">
                Should be Empty:
                <input type="text" name="website" value="" />
            </li>
        </ul>
    </div>
    <input type="hidden" id="simple_spc" name="simple_spc" value="2514922243" />

    <script type="text/javascript">
        document.getElementById("si" + "mple" + "_spc").value = "2514922243-2514922243";
    </script>
</form>            
</div>

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

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