Ir para conteúdo

POWERED BY:

Arquivado

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

AlessandraSantos

[Resolvido] Problemas com CSS para site para celular

Por , em Desenvolvimento de Games

Recommended Posts

AlessandraSantos    0

AlessandraSantos
Postado

Olá,

 

Estou criando um site para celular, que já possui sua versão web desktop. Estou tendo problemas com margin e padding, que simplesmente não funcionam. O emulador que estou usando simula o Android, o android sdk para linux, e já entrei em outros sites através dele e não encontrei problemas. Infelizmente não tem como colocar o site aqui. Alguém aqui já teve esse problema, ou tem alguma idéia do que poderia ser?

 

Obrigada

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Cara,

 

nunca fiz um CSS para acessos mobile, assim eu não consigo te ajudar totalmente.

 

Para facilitar a vida de quem pretende ajudar, posta o link o os códigos.

 

Olhe isso » http://developer.android.com/guide/topics/ui/declaring-layout.html#SizePaddingMargin

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

AlessandraSantos    0

AlessandraSantos
Postado

Aqui estão os códigos:

<body>
    <div class='container'>
      <div id='wrap'>
        <div class='top'>
          <a href='index.html' title='Início'>
            <img alt='logo' src='images/logo.png' />
          </a>
          <form action='/session' method='post'></form>
          <label for='search'>Buscar cachaça</label>
          <input id='search' name='search' type='text' value='cachaça' />
          <input class='buttom-send' name='commit' type='submit' value='OK' />
        </div>
        <div class='conteudo'>
          <ul class='menu'>
            <li>
              <a href='cachacas-list-simple.html' title='Cachaças'>Cachaças</a>
            </li>
            <li>
              <a href='reviews-all.html' title='Avaliações'>Avaliações</a>
            </li>
            <li>
              <a href='producers-all.html' title='Produtores'>Produtores</a>
            </li>
            <li>
              <a href='restaurants-all.html' title='Bares e Restaurantes'>Bares e Restaurantes</a>
            </li>
            <li>
              <a href='events-all.html' title='Eventos'>Eventos</a>
            </li>
          </ul>
        </div>
        <div id='footer'>
          <ul class='powered'>
            <li>Powered by Cachaça Expert</li>
            <li>
              <a href='about.html' title='sobre'>Sobre</a>
            </li>
            <li>
              <a href='blog.html' title='sobre'>Blog</a>
            </li>
            <li>
              <a href='privacy.html' title='privacidade'>Privacidade</a>
            </li>
            <li>
              <a href='use-term.html' title='termos de uso'>Termos de uso</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </body>

E o CSS:

 

body {
  background-color: #FDF9EB;
  background-image: url(../images/fundo-topo-geral.png);
  background-repeat: repeat-x; }

#wrap {
  padding: 5px; }

.white-box {
  background-color: #fff;
  border: 1px solid #D0D0D0; }

a {
  color: #E46B14;
  text-decoration: none; }
  a:hover {
    color: #E46B14;
    text-decoration: underline; }

ul.powered, ul.menu {
  list-style: none;
  list-style-position: outside;
  margin: 0; }

.conteudo {
  margin-top: 25px; }
  .conteudo .menu li {
    padding: 2%; }

Em navegadores desktop funciona normalmente, o problema é no emulador do android. Quem puder ajudar, agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento de Games
×

Informação importante

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

  Aceito