(Resolvido) Problemas com menu.

[Gabriel6]

eae galera beleza? kabei de me escrever no forum, e estou com uma duvida....meu pai pediu para criar site para ele...porem nunca tinha colocado algum site na web...criei o site...porem quando mudei de monitor tive que reconfigurar o tamanho das letras tudo denovo, isso significa que a cada monitor que entra a letra fika de um tamanho..

queria saber como resolvo isso...vlw :rolleyes:

[Ricardo - PTR]

eae manin,

o problema é a diferença de resolução de cada computador, você deve ter percebido que as imagens também aparentam ser menores ou maiores em outros monitores.

o que você pode fazer é modificar a medida de tamanho de fonte, para alguma medida relativa, ou ultilizar o javascript pra identificar a resolução e alterar o tamanho das fontes.

[Gabriel6]

isso mesmo cara....podia me dar uma luz...pois não faço a minima ideia desse negocio de javascript..tem algum codigo pronto ai para ajudar? :unsure:

[Ricardo - PTR]

tenta algo como isso:

<script language="JavaScript" type="text/javascript">
  if (screen.width == "1600" && screen.width < "1920") {   
    document.write("<link rel='stylesheet' type='text/css' href='estilo6.css'>");    
  }
  if (screen.width == "1440" && screen.width < "1600") {   
    document.write("<link rel='stylesheet' type='text/css' href='estilo5.css'>");    
  }  
  if (screen.width == "1280" && screen.width < "1440") {   
    document.write("<link rel='stylesheet' type='text/css' href='estilo4.css'>");   
  }
  if (screen.width == "1152" && screen.width < "1280") {   
    document.write("<link rel='stylesheet' type='text/css' href='estilo3.css'>");    
  }   
  if (screen.width >= "1024" && screen.width < "1152") {   
    document.write("<link rel='stylesheet' type='text/css' href='estilo2.css'>");    
  }   
  if (screen.width >= "800" && screen.width < "1024") {   
    document.write("<link rel='stylesheet' type='text/css' href='estilo1.css'>");    
  }   
  if (screen.width < "800") {   
    document.write("<link rel='stylesheet' type='text/css' href='estilo.css'>");  
  }
  
</script>

O que você precisa definir é apenas os tamanhos das telas, e criar um CSS para cada uma.

Acredito que deve existir outras formas masi simples pro seu caso, porém não sou nenhum expert no assunto. Espero que essa forma seja útil para você.

[Gabriel6]

vlw