← HTML + CSS

Ajuda com botão em iOS

Lida 4415 vezes

Offline

zegomes 
Membro
Mensagens 724 Gostos 0
Feedback +9

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

Bem podem ver aqui que o botão da barra de pesquisa em PC aparece mas em iOS nada de o ver... (pelo menos é o que me transmitem porque não tenho nenhum diapositivo com iOS): http://ginasios.com/

Css do botão (penso que só é este que está aplicado) ->

Código: [Seleccione]
#search-submit { background: #f38256; color: #FFFFFF; width: 150px; height: 40px; -moz-border-radius:7px; -webkit-border-radius:7px; -o-border-radius:7px; border-radius:7px; margin-left: -160px;  }

Como coloco o botão a aparecer em iOS? O que está de errado?  :-k

Obrigado,
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

No Google Chrome para Mac o botão está desalinhado. O que iOS faz é omiti-lo por estar fora do ecrã, quase de certeza.
Diminui o tamanho do input da pesquisa para poderes alinhar o botão à direita.

EDIT: No iPhone está a aparecer o botão, mas desalinhado.
Offline

zegomes 
Membro
Mensagens 724 Gostos 0
Feedback +9

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

No Google Chrome para Mac o botão está desalinhado. O que iOS faz é omiti-lo por estar fora do ecrã, quase de certeza.
Diminui o tamanho do input da pesquisa para poderes alinhar o botão à direita.

Coloquei bem mais pequeno. Vê se já aparece para ver se era mesmo disso sff.
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Está a aparecer no Mac como aparecia no iPhone.
Cola aqui o código do input também.
Offline

zegomes 
Membro
Mensagens 724 Gostos 0
Feedback +9

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

Código: [Seleccione]
#searchbox { width: 300px;    height: 45px; color: #4c4c4c;    -webkit-box-shadow: inset 2px 2px 2px 2px rgba(0,0,0,0.2);    -moz-box-shadow: inset 2px 2px 2px 2px rgba(0,0,0,0.2);    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.2);    }
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

O código do input, não o CSS.
Offline

zegomes 
Membro
Mensagens 724 Gostos 0
Feedback +9

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

O código do input, não o CSS.

Ah desculpa,

Código: [Seleccione]

form action="<?php bloginfo('url'); ?>" method="get">
            <div id="search">
                <input type="text" name="sbox" id="searchbox" value="Procurar nomes, distritos, localidades..." onFocus="this.value=''" />
                <input type="submit" name="search" id="search-submit" value="Procurar"/>
            </div>
</form>

Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Faz float:left; e float:right; no campo de pesquisa e no submit, respectivamente.
Offline

zegomes 
Membro
Mensagens 724 Gostos 0
Feedback +9

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

Faz float:left; e float:right; no campo de pesquisa e no submit, respectivamente.

Done :)


EDIT:

Perfeito, já me disseram que aparece o botão!  :obrigado: Thomato!
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Aqui no Mac está perfeito, já te testo no iPad daqui a bocado.
Offline

zegomes 
Membro
Mensagens 724 Gostos 0
Feedback +9

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

Aqui no Mac está perfeito, já te testo no iPad daqui a bocado.

No iphone também dizem que está bem :)
Offline

Thomato 
Membro
Mensagens 4125 Gostos 2
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

No iPad também está bem.
Offline

zegomes 
Membro
Mensagens 724 Gostos 0
Feedback +9

Troféus totais: 21
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 500 Posts 100 Posts

No iPad também está bem.

  :obrigado: