[Resolvido] Endereço e fonte mudando

[- KbeçãO - 0]

Eae galera...

bom...

Preciso de 2 ajudas...

a 1ª

 

Estou começando um site...

Fui contruindo normal no dreamweaver( infelizmente ñ tenho otro programa >.< ) ate que, na parte de contato qdo testo ele ( F12 )

la fica assim:

 

 

mas qdo vou para a index.php e testo la fica assim:

 

 

como viram, o endereço do site vai la pra baxo...

o css ta assim:

 

//index.php

body {

font: 12pt, Arial, Helvetica, sans-serif;
padding: 15px;

}



#principal{

width: 950px;
height: 100%;
margin: 30px;
padding: 20px 20px;


}

 

na pagina contato:

 

body {

font: Arial, Helvetica, sans-serif;
size: 15px;

}

#contato{ /*div mae*/

 width: 920px;
 height: 380px;

}

#links_cadastro { /*div dos links*/

font-weight: bold;
float: left;
width: 450px;

}

#logo_end{ /*div da logo*/

float: left;
width: 170px;
height: 170px;
margin-top: 53px;

}

#end{ /*div do endereço*/

float: left;
width: 270px;
margin: 10px;
margin-top: 117px;


}

 

a 2ª e que, como viram, escolhi a fonta Arial para o site, mas e so olhar, que da pra ver q ñ e arial...

pq isso aconteceu...

[Francispansa 6]

Dae KbeçãO, eu denovo...shauhsuhauhsuahsa

 

Posta a estrutura da página pra gente ver.. =)

 

Sobre a fonte, pra usar a propriedade "font" do css, você precisa de no mínimo setar as propriedades size e family..

 

font: Arial 14px;

 

Para setar somente o tipo de fonte, use o font-family..

 

font-family: Arial;

[- KbeçãO - 0]

HaHa...

fala ae mano Francis...

cara...

a estrutura é um pouco grande...

mas se você pediu ta ai:

 

<div id="contato">
   <div id="tit_cont" align="center">.:: Contato ::. </div>

   <table width="380" border="0" align="center" cellspacing="0" cellpadding="6">
   <form action="resp_contato.php" method="POST">
                                   <input type="hidden" value="carlao@livrecomunicacao.com">
                                   <!-- e-mail do destinatario -->                                
                                 <tr> 
                                   <td width="81" align="center" valign="middle"><span class="style4">Nome:</span></td>
                                   <td colspan="3"><input type="text" size="53" name="nome" value="" /></td>
                                 </tr>
                                 <tr> 
                                   <td align="center" valign="middle"><span class="style4">E-mail:</span></td>
                                   <td colspan="3"><input type="text" size="53" name="email" value="" /></td>
                                 </tr>
                                 <tr> 
                                   <td align="center" valign="middle"><span class="style4">Assunto:</span></td>
                                   <td colspan="3"><input type="text" size="53" name="assunto" value="" /></td>
                                 </tr>
                                 <tr> 
                                   <td align="center" valign="top"><span class="style4">Mensagem:</span><br></td>
                                   <td colspan="3"><textarea cols="40" rows="10" name="mensagem"></textarea></td>
                                 </tr>
                                 <tr> 
                                   <td align="right"> </td>
                                   <td width="195" align="left"> </td>
                                   <td width="59" align="left"><input name="submit" type="submit" value=" Enviar " class="botao" /></td>
                                   <td width="167" align="left"><input name="reset" type="reset" value=" Limpar " / class="botao" /></td>
                                 </tr>
   </form>
    </table>

   <div id="links_cadastro" align="center">

   Cadastro pessoa Física <br />
   ou<br />
   <a href="cad_juridico.php" target="_self">Cadastro de pessoa Jurídica</a>

   </div>

   <div id="logo_end">

       <img src="imgs/sim logo.jpg" width="170" height="170" align="absmiddle" />

   </div>

   <div id="end">
       <p><span class="style5">Alameda Ricardo Paranhos<br />
         nº798, Qd.257, Lt.27,<br />
         St.Marista - Goiânia, GO<br />
         CEP.:74.180-050<br />
         Fones: </span><span class="style6">(62)</span><span class="style5"> 3095-6587 / 3093-1572</span></p>
       </div>

</div>

 

usei tabela para o form somente...

 

sobre o lance da font que você falou..

fiz assim:

 

body {

font:  Arial, 12px;
padding: 15px;

}

 

ainda sim ta tudo quadrado...

[Francispansa 6]

Deixa o final ali assim:

 

<div id="logo_end">

   <img src="imgs/sim logo.jpg" width="170" height="170" align="absmiddle" alt="imagem" />
   <p class="end"><span class="style5">Alameda Ricardo Paranhos<br />
           nº798, Qd.257, Lt.27,<br />
           St.Marista - Goiânia, GO<br />
           CEP.:74.180-050<br />
           Fones: </span>
   <span class="style6">(62)</span><span class="style5"> 3095-6587 / 3093-1572</span></p>
</div>

 

O CSS..

 

#logo_end{ /*div da logo e do endereço*/
       float: left;
       width: 170px;
       height: 170px;
       margin-top: 53px;
       }
#logo_end img{
float: left;
}


p.end{ /*estilo do endereço*/
       float: right;
       width: 450px;
       margin-top: 117px;
       }

 

não mexi nos margin-top, pois acredito que você precise deles ae..

Testa isso que passei e qualquer coisa dah um grito..

 

=)

[- KbeçãO - 0]

 

Testa isso que passei e qualquer coisa dah um grito..

 

 

OOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOuuuuuuuuuuuuuuuuu

 

kkkk

 

Assim o texto ficou em baixo da imagem.....

[Francispansa 6]

Ops, erro meu..hehehe

 

#logo_end{ /*div da logo e do endereço*/
       float: left;
       width: 450px;
       height: 170px;
       margin-top: 53px;
       }
#logo_end img{
float: left;
}


p.end{ /*estilo do endereço*/
       float: right;
       width: 270px; 
       margin-top: 117px;
       }

 

Tinha invertido o width.. :P

[- KbeçãO - 0]

Hmmmm....

Deu certo....

so tive que mudar um valor aki...

 

p.end{ /*estilo do endereço*/
       float: right;
       width: 270px; 
       margin-top: 83px;//antes tava 117
       }

 

Agora so falta q questao da fonte...

Ainda ñ ta arial...

[Francispansa 6]

p.end{ /*estilo do endereço*/
       float: right;
       width: 270px; 
       margin-top: 83px;//antes tava 117
       font-family: Arial;
}

 

lol

[- KbeçãO - 0]

¬¬'

eu so mto mané...

tinha setado errado...

antes tava:

 

body{

font: Arial

}

 

o certo e

 

font-family: Arial;

 

topico resolvido

 

Vlw mano Francis...

^^,