10
votes

Affichage des entrées de formulaire HTML horizontalement

J'essaie de recréer le formulaire de connexion indiqué sur la page principale de Tinypic.

Connexion

en html, j'ai les 3 éliminations comme ceci: xxx

J'ai essayé de les mettre dans des divs distincts, Utilisation du flotteur: laissé avec une classe unique dans CSS Mais le code est vraiment désordonné déraisonnablement long. Si essentiellement, je voulais savoir s'il y avait un moyen simple d'atteindre cette mise en page avec HTML et CSS.

Merci pour le temps!


4 commentaires

Quel est le problème avec ce que vous avez? Jsfiddle.net/2lyux


ops mon mauvais, ma largeur de div pour cette section était trop petite pour les entrées Lulz


Au moins choisir une réponse et la prochaine fois regardez un peu plus loin avant de poster une question


@iuliux je ne peux pas choisir une réponse juste après avoir posté une question ..


4 Réponses :


3
votes

Il suffit d'ajouter Affichage: Inline à vos éléments d'entrée, comme indiqué ici


0 commentaires

20
votes

Ce CSS devrait fonctionner, bien que je n'ai pas testé: xxx


1 commentaires

c'était court et soigné



7
votes

Voici ma solution: ( http://jsfiddle.net/hcppn/ )

html : xxx

css: xxx

Je vous recommande également d'encapsuler les étiquettes dans


0 commentaires

-1
votes

Bien qu'il y ait déjà accepté et augmenté des réponses votées, je veux juste contribuer un moyen de faire un formulaire horizontal sans aucune sorte de CSS. L'utilisation de la table HTML est un moyen efficace de faire une forme horizontale.

Exemple 1: xxx

Exemple 2: xxx

mon expérience dit, parfois dans différents cas le CSS / la classe peut ne pas fonctionner ou parfois ils peuvent entrer en conflit; Mais en utilisant une table HTML pour faire un formulaire HTML est quelque chose comme obliger à être ce que nous voulons apparaître. Merci.


0 commentaires