Label et textbox sur la même ligne + zone de texte sur toute la largeur

Par défaut dans ASP.NET MVC, lorsque le système de susciter des points de vue (échafaudage) nous avons le label sur une ligne et la zone de texte sur la ligne suivante. Je voudrais avoir l'étiquette et de la zone de texte sur la même ligne et avoir la zone de texte sur toute la largeur (100%). J'essaie d'atteindre cet objectif sans succès.

J'ai trouvé certains des postes similaires, mais ne m'autorise pas à avoir la zone de texte sur toute la largeur!

Voici ce que je veux:

Label et textbox sur la même ligne + zone de texte sur toute la largeur

Donc, par défaut j'ai:

<div class="editor-label"> @Html.LabelFor(model => model.Descr) </div>
<div class="editor-field"> @Html.EditorFor(model => model.Descr) </div>

<div class="editor-label"> @Html.LabelFor(model => model.Year) </div>
<div class="editor-field"> @Html.EditorFor(model => model.Year) </div>

Une idée?

OriginalL'auteur Bronzato | 2011-10-22

  1. 8

    C'est purement HTML/CSS question qui n'a rien à voir avec ASP.NET MVC. Je vous recommande la la suite de l'article pour la création de belles formulaires HTML avec CSS.

    Si dans votre cas, vous pourriez float: left l'étiquette et de définir une largeur fixe. Tout comme illustré dans cette démo en live que j'ai écrit pour vous:

    .editor-label {
    float: left;
    width: 200px;
}

.editor-field {
    margin-left: 200px;
}

.editor-field input {
    width: 100%;    
}

    OriginalL'auteur Darin Dimitrov

  2. 0
    This is the correct answer:both label and textboxes are in the same line

.editor-label{  
    float: left;
    width: 100%;
    margin-bottom:-20px;
}

.editor-field
{
    margin-left: 120px;
    margin-bottom:-5px;

}
.display-label {
    float: left; 
    padding: 0; 
    width: 160px;
}

    OriginalL'auteur Equbal Siddiqui