Quando aumento a resolução os botoes não acompanham o aumento..

[Dumont 0]

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..

[Evandro Oliveira 331]

Utilize em ao invés de px

[angelorubin 142]

Bom dia,

 

Um link para lhe ajudar com as medidas CSS.

 

Medidas CSS

[Dumont 0]

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.

[Dumont 0]

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

[angelorubin 142]

O que você esta querendo é que tanto o container que envolve o menu quanto a fonte acompanhem a resolução?

Seria isso?

[Dumont 0]

Sim é exactamente isso..

 

http://www.fundacaobetania.com/

 

Pode testar aumentar ou diminuir a resolução e já vai ver o que está mal..

[Dumont 0]

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");
	
	
}

[Evandro Oliveira 331]

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

[Dumont 0]

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

[Evandro Oliveira 331]

Na página inicial você não diagrama com tabelas ;)

[Dumont 0]

Desculpa mas não percebo o que quiseste dizer??

[Evandro Oliveira 331]

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>

[Dumont 0]

É esse o problema..utilizar tabelas???Se é como posso resolver??