Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

  • 0
Rafael_Ferreira

site em w3.css não funciona bem na resolução 240x320.

Pergunta

 

 

Eu estou aprendendo fazer sites em w3.css e algumas coisas com o bootstrap porém ao fazer teste em celulares com a resolução do tipo muito pequena consta pequenas imperfeições por exemplo alguns textos ou botões com o w3.css ficam desalinhados ou saindo fora da tela mesmo o "w3-small" eu gostaria de saber se é assim mesmo? seria alguma limitação do w3.css ? Talvez se layout diminuísse no tamanho da tela ficaria pequeno demais eu peço dicas sobre o assunto aos mais experientes pois sou iniciante!

 

Estou fazendo um site simples em w3.css e bootstrap. Eu gostaria de saber porque na resolução

 

240x320 os botões do site não ficam perfeitamente alinhados e centralizados

 

e embaixo de tudo o email de contato sai fora da tela de um celular 240x320, em outras resoluções

 

funciona perfeitamente, eu sou iniciante e gostaria de entender abaixo vai o meu código:

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="w3.css"> 
  <link rel="stylesheet" HREF="css/bootstrap.min.css"
  <script type="text/javascript" src"js/jquery-3.3.1.js"></script>
  <script type="text/javascript" src"js/bootstrap.min.js"></script>
<style>

.w3-myfont {
    font-family: "Simpsonfont Medium", cursive, sans-serif;
}

</head>
<SCRIPT LANGUAGE="JavaScript">   
<!-- Disable   
function disableselect(e){   
return false   
}   

function reEnable(){   
return true   
}   

//if IE4+   
document.onselectstart=new Function ("return false")   
document.oncontextmenu=new Function ("return false")   
//if NS6   
if (window.sidebar){   
document.onmousedown=disableselect   
document.onclick=reEnable   
}   
//-->   
</script>   

<TITLE> Malyster </TITLE>

</style>
<div class="w3-container w3-myfont w3-center w3-green">
 <p class="w3-xxxlarge">Page Designer</p></div>
  </head>
  <body>
 
<div class="w3-container w3-myfont w3-center w3-black>
 <div class="w3-show-inline-block">
  <div class="w3-bar">
   <button class="w3-bar-item w3-button w3-green">HoME</button>
   <button class="w3-bar-item w3-button w3-green">Porfolio</button>
   <button class="w3-bar-item w3-button w3-green">Contato</button></div>
    
    </div></div>
    
<br>
<div class="w3-container w3-center">
<img src="flor.png" style="width:100%;max-width:400px">
<div class="w3-container w3-green w3-center">
 <p class="w3-xlarge">Bem vindo!!! Fazemos sites, banners e logos<BR>
 Servi&ccedilos para todo tipo de pessoa ou empresa<BR>
 Sites responsivos, framekork, W3.css, Bootstrap<BR>
 Realizo tanto o trabalho de desenvolvedor web e web designer<BR>
 Sou formado pela Fatec - an&aacutelise e desenvolvimento de sistemas<BR>
 E tenho experi&ecircncia com ilustra&ccedil&atildeo<BR>
 <div class="w3-container w3-center w3-grey">
 <p class="w3-large">Alguns exemplos de sites e ilustra&ccedil&otildees realizados por mim pode ser visto na se&ccedil&atildeo "Portfolio"
 </p></div>
<div class="w3-container w3-center">
<img src="logo.png" style="width:100%;max-width:400px"></div><div class="w3-container w3-center w3-black"><p class="w3-small">contato@pagedesigner.com</p></div>
</head>
</body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

1 resposta a esta questão

Recommended Posts

Bom dia, para começar acho que está faltando fechar uma tag no seu código:

 

<link rel="stylesheet" HREF="css/bootstrap.min.css">

Depois eu não entendi algumas coisas. Você colocou uma tag <style> e no meio colocou outros elementos html e javascript. Em geral nem usamos a tag style. Geramos um arquivo .css para colocar os estilos lá. E quando vc coloca outros elementos html e javascript meio que buga a coisa toda vc colocou uma tag style e colocou definições de estilo de fonte, depois você colocou um javascript no meio, depois a tag <title> e depois você fechou o </style>

 

Mas se puder explicar melhor qual a logica que você esté usando para montar os elementos ficaria mais fácil te ajudar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, ativo. Nela tem cadastrado vários itens. No campo ativo eu coloco a letra "S" para informar que este item está ativo no sistema. Por exemplo: 1, casa, S 2, mesa, S 3, cama, S 4, moto S 5, rádio O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "produtos" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, mesa, moto 2, mesa, casa, cama 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela produtos da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "mesa". Preciso fazer com que o php me liste todos os registros da tabela "produtos" que contenham a palavra "mesa". Até aqui tudo bem eu consigo listar. Estou fazendo assim: <?php $item = "mesa" $sql = mysqli_query($conn, "SELECT * FROM produtos WHERE item1 LIKE '$item' OR item2 LIKE '$item' OR item3 LIKE '$item' LIMIT 10"); while($aux = mysqli_fetch_assoc($sql)) { $id = $aux["id"]; $item1 = $aux["item1"]; $item2 = $aux["item2"]; $item3 = $aux["item3"]; echo $id . " - " . $item1 . ", " . $item2 . ", " $item3 . "<br>"; } ?> O problema é que está listando todos os registros que contém o item mesa. Eu preciso que o php verifique os demais item e me liste somente os registro em que todos os registros estejam ativos no sistema. No exemplo acima ele não deveria listar o registro 3. pois nesse registro contém o item "radio" e este item não está ativo no sistema. Ou seja, o registro "radio" na tabela itens não possui um "S" na coluna "ativo". Alguém sabe como resolver isso?
    • Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, plural, ativo. Nela tem cadastrado vários itens e seu respectivo plural. No campo ativo eu coloco a letra "S" para informar que esta palavra está ativa no sistema. Por exemplo: 1, casa, casas, S 2, mesa, mesas, S 3, cama, camas, S 4, moto, motos, S 5, rádio, rádios O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "variações" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, camas, moto 2, mesas, casas, radio 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela variações da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "casa". Preciso fazer com que o php me liste todos os registros da tabela "variações" que contenham a palavra "casa". Porém se tiver algum registro com a palavra "casas" também tem que ser listado. Neste caso ele irá encontrar dois registros. Agora eu preciso que o php verifique os demais itens e faça a listagem apenas dos item que estão ativos (que contenham um "S" no campo ativo. Neste caso ele irá encontrar apenas um registro, pois o segundo registro contém a palavra "rádio". E "rádio" não está ativo na tabela itens. Como faço isso?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.