Comment puis-je aligner cette case de recherche à droite?

Je viens juste de commencer à obtenir le blocage de HTML. Je n'arrive pas à aligner à droite, c'est une partie d'un menu. En gros, je veux qu'il aligner la zone de recherche à droite de sorte qu'il ressemble à facebook ou quelque chose comme ça. Jusqu'à maintenant, j'ai été à l'aide de rembourrage, mais je ne peux pas le garder plus longtemps.

<li id="search-10" class="widget_search">
<form role="search" method="get" action="http://chusmix.com/">
    <div>
    <input class="ubicacion" type="text" value="" name="s" id="s">
    <input type="submit" id="searchsubmit" value="Ir a Ciudad"/>
    </div>
    </form></li>

Grâce

InformationsquelleAutor lisovaccaro | 2010-12-15
  1. 2

    Vous avez quelques options:

    keep the div(bad way)
add align"right" to the div
on the form and remove the div (better way)
use float:right
text-align: right

    Et de la place que sur la forme et la suppression de la div.

    Aussi je conseille de mettre du style dans le css et non dans les éléments html.

    InformationsquelleAutor jack
  2. 1

    Personnellement, je ne voudrais pas utiliser une liste

    <div id="search-10" class="widget_search">
  <form role="search" method="get" action="http://chusmix.com/">
    <div style="text-align: right;">
    <input class="ubicacion" type="text" value="" name="s" id="s">
    <input type="submit" id="searchsubmit" value="Ir a Ciudad"/>
    </div>
  </form>
</div>

    Et je voudrais aussi vous suggère d'expérimenter avec text-align

    • Il a probablement plusieurs éléments dans la liste. Comment êtes-vous si sûr de son choix n'est pas justifié?
    • pour être objectif! Vous avez raison les li peut être justifiée, mais qui fait partie d'un débat plus large. J' personnellement trouver li's à être plus utilisé lorsque les éléments ont aucune relation les uns avec les autres.
    • Les listes sont les nouvelles tables :).
    InformationsquelleAutor Alan Whitelaw
  3. 1

    Ajouter text-align:right; à votre form et supprimer l'inutile div.

    Notez que cela ne fonctionne que pour les éléments en ligne: du texte, des entrées, des ancres, etc. Si vous voulez des boîtes (vrd, formulaires, tableaux, etc.) pour aligner à droite, vous devez utiliser float:right; et de définir une hauteur sur le parent de l'flottait point, ou ajouter un clair div en dessous de la flottait élément. Aussi, en plus d'être inutile, cette seconde approche serait plus compliqué à utiliser pour vous, en tant que débutant.

    InformationsquelleAutor Alin Purcaru