J'essaie de recréer le formulaire de connexion indiqué sur la page principale de Tinypic.
P >
en html, j'ai les 3 éliminations comme ceci: p> 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. P> Merci pour le temps! P> P>
4 Réponses :
Il suffit d'ajouter Affichage: Inline Code> à vos éléments d'entrée, comme indiqué ici A > p>
Ce CSS devrait fonctionner, bien que je n'ai pas testé:
c'était court et soigné
Voici ma solution: ( http://jsfiddle.net/hcppn/ )
html : p> css: p> Je vous recommande également d'encapsuler les étiquettes dans
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: strong>
p> 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. P> p>
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 ..