Je me demandais comment les sites Web comme bing.com ou wolframalpha.com créent leurs boutons de recherche à l'intérieur du champ de texte? Si vous allez sur chaque site, vous pouvez voir clairement ce que je veux dire.Bouton Image dans le champ de recherche?
simple: le bouton d'envoi (avec fond transparent) est au-dessus du champ de saisie .. :)
Procurez-vous Firebug comme un plug-in pour Firefox. Vous pouvez cliquer sur les éléments sur l'écran et voir leur CSS. Cela vous apprendra des CHARGES d'informations sur CSS. Ils utilisent en fait une marge négative pour faire flotter cette meute sur Bing.com.
@dscher -
Voici le code, il fonctionne très bien dans Opera, mais aucun autre navigateur.
background:transparent url(submit.png) no-repeat;
border:0 none;
width:16px;
height:16px;
overflow:hidden;
font-size:0px;
text-decoration:none;
cursor: pointer;
margin-top: 0px;
margin-left: -25px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 25px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
Juste une suggestion: Cela devrait être remis dans le message original. Vous devriez être capable de le modifier, puis supprimer ce post quand il est là. – bradlis7
Le message original a été soumis sur un compte non enregistré, donc je ne pouvais pas revenir en arrière et éditer j'ai peur. – user307194
Ah, bummer. Pas de soucis alors. – bradlis7
Que diriez-vous formatant selon ce champ de recherche idée d'image de fond?
Merci, c'est exactement ce dont j'avais besoin. Il semble y avoir une différence de positionnement entre Opera et Chrome (les 2 navigateurs que j'ai testés). Un moyen de spécifier une position spécifique pour un navigateur? – ThunderStrike
Hmmm ... ne peut pas commenter spécifiquement. Pouvez-vous coller une partie de votre CSS dans votre message original et je vais jeter un coup d'oeil. Collez simplement les sélecteurs situés dans la zone immédiate dans le champ de recherche. – dscher