Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite,
Estou com um problema com os botões porque sempre que aumento a resolução da pagina os botões não acompanham esse aumento..Além disso criei uma pagina de todo o codigo que nunca vou alterar ao longo do portal e depois em cada pagina criada chamava esse ficheiro(neste caso será a caixa de texto que nunca vai ser alterada), por exemplo noticias faço um
include ('layout.php'); e depois crio a div do texto onde quero colocar a informação. <div id="texto" style="overflow:auto"> </div>.
Utilizo este codigo para criar o botao no index.php ou layout.php
<p class="home">
<a href="index.php">Home</a> </p>
Depois para configurar o botão tenho o trabalho.css
body{
margin:0;
padding:0;
text-align:center;
}
#layout {
height: 800px;
width: 800px ;
background-image: url("Imagens/layout1.png");
text-align:left;
margin:0 auto;
}
.home {
font-family:"Bell MT";
font-size: 22px;
color: rgb(21, 178, 255);
float: none;
z-index:2;
font-style: italic;
position:absolute;
font-weight: lighter;
left:290px;
top: 15px;
}
.home a {
display:block;
font-family:"Bell MT";
padding:0px;
text-decoration: none;
text-align:center;
no-repeat center center;
font-size: 22px;
color: rgb(21, 178, 255);
float: none;
font-style: italic;
width: 70px;
height: 30px;
display:block;
}
Como posso resolver este problema??já tentei um pouco de tudo..
Utilizei o em em um dos botoes para testar..mas continua exactamente igual..sempre que aumento ou diminuo a resolução o botão não acompanha.
Testei tirar o position e colocar o margin: 0 auto; e ate resultou, o problema agora é quer usando o margin-left ou margin-top não estao a funcionar tal como o left ou top. Já teste com o em ou o px
O que você esta querendo é que tanto o container que envolve o menu quanto a fonte acompanhem a resolução?
Seria isso?
Sim é exactamente isso..
http://www.fundacaobetania.com/
Pode testar aumentar ou diminuir a resolução e já vai ver o que está mal..
Já resolvi o problema dos botões, mas em relação ao texto ainda não consegui..como referi anteriormente eu criei uma pagina.php que será o codigo que nunca altero ao longo da pagina..Depois em cada pagina criada faço um include desse ficheiro e crio de seguida uma div da caixa de texto.
Como exemplo tenho a noticia,
<?php
include ('layout.php');
require_once('config.php');
?>
<div id="texto" style="overflow:auto">
Exemplo
</div>
e depois configuro a caixa de texto com o ficheiro css:
*{
margin:0 auto;
}
body{
margin:0;
padding:0;
text-align:center;
}
#layout {
height: 800px;
width: 800px ;
background-image: url("Imagens/layout1.png");
text-align:left;
margin:0 auto;
}
#imagem {
height: 245px;
width: 270px;
position: absolute;
margin-top:420px;
margin-left: 45px;
top: 0px;
}
#texto {
height: 446px;
width: 425px;
margin: 0 auto;
z-index:2;
margin-top:-570px;
margin-left:640px;
background-image: url("Imagens/texto.png");
}Aqui o texto tem aumentado normalmente. O problema na minha visualização está no menu do topo. Todo o lay-out restante aumenta de maneira fluida
Sim na pagina inicial funciona bem..pk na pagina inicial não utilizo o layout.php..mas em todas as outras paginas, eventos, noticias etc é que quando aumento a resolução o texto não acompanha o aumento
Na página inicial você não diagrama com tabelas ;)
Desculpa mas não percebo o que quiseste dizer??
Inicial:
>
<div id="texto_i">
<font face="Bell MT" size="4" color="#0592d9">
A Fundação Betânia – Centro de Acolhimento e Formação, </font>
<p><font face=""Bell MT", Arial, Verdana, sans-serif" size="3" color="#88763d"> <br/></strong><p align="justify">com sede em Bragança, é uma Instituição Particular de Solidariedade Social (IPSS), sem fins lucrativos, que se encontra ao serviço da população idosa e que contempla duas Respostas Sociais: Serviço de Apoio Domiciliário e Lar de Idosos. </p>
<br/>
<p align="justify">A Fundação Betânia procura proporcionar às pessoas um ambiente de bem-estar e gosto de viver. Para tal, organizam-se actividades variadas: passeios, visitas a locais de interesse, bem como o encontro e convívio com outras instituições.
</p>
<br/>
<p align="justify"> A equipa de colaboradores da Fundação Betânia presta cuidados individualizados e personalizados no domicílio a indivíduos e famílias quando, por motivo de doença, ou outro impedimento, não possam assegurar as suas necessidades básicas e/ou as actividades da vida diária. </p>
</font>
</div>
Notícias
>
<table><br><table width="90%" align=center border=0<table>
<tr><td align= left><font face="Bell MT" size="4" color="#15b2ff">Novo Clube - Clube da Culinária</font></td></tr>
<tr><td align=left><font face="Bell MT" size="2" color="#15b2ff">2010-07-28</font></td></tr>
<tr><td align=justify><p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: small;"><span style="color: #88763d;">A alimentação tem um significado muito forte na vida da nossa gente, principalmente no quotidiano das mulheres que sempre tiveram o hábito de preparar as refeições para a família. Esta relação forte com os alimentos, mantém-se ao longo de toda a vida e por essa razão, achou-se por bem criar um espaço onde um grupo de senhoras pudesse relembrar as práticas culinárias. No entanto, e dado que a alimentação tem um forte impacto na saúde, as receitas elaboradas no Clube da Culinária, procuram basear-se no conceito de “alimentação saudável”.</span></span></span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: small;"><span style="color: #88763d;">A iniciativa visa a confecção de receitas tradicionais, modificadas de forma a reduzir ou eliminar possíveis constituintes dos alimentos, maléficos para a saúde tais como o açúcar, a gordura saturada ou o sal. Treinam-se ainda regras de higiene e de segurança alimentar.</span></span></span></p>
<p><span style="font-family: tahoma,arial,helvetica,sans-serif;"><span style="font-size: small;"><span style="color: #88763d;">Fabíola Mourinho, Nutricionista</span></span></span></p></td></tr>
</table>É esse o problema..utilizar tabelas???Se é como posso resolver??
Utilize em ao invés de px