Текстовые поля не отображаются в нужном месте

-3

Я хочу показать текстовые поля в правой части экрана. Я также использовал теги div для этого, но не смог получить результат в соответствии с кодом. Хотя тот же код передает желаемый результат на моей странице Индекса, но на моей странице регистрации он не работает. Также кнопка отображается как «кнопка опасности». Вот мой код:Текстовые поля не отображаются в нужном месте

@{ 
    ViewBag.Title = "Login"; 
    Layout = "~/Views/Shared/_Layout.cshtml"; 
} 
<style> 
    div.scroll { 
    overflow-y: hidden; 
    overflow-x: hidden; 
    } 
    div.padding { 
    padding-top: 8cm; 
    } 
    div.padding1 { 
    padding-left: 6cm; 
    } 
</style> 
<div class="scroll"> 
    <h1 style="color:#F4981F; font-family:'Segoe Marker'">Sign Up</h1> 
    <div class="padding"> 
    <div class="row">  
     <div class="col-sm-6 col-md-3 col-md-offset-6"> 
     <div class="container"> 
      <form action="/Home/Signup1" method="post"> 
      <table> 
       <tr> 
       <td> 
        <label style="font-size:x-large; font-family:'Segoe Print'; font- style:italic; font-weight:bolder; color:#F4981F">Username</label> 
        &nbsp&nbsp&nbsp&nbsp 
       <td><input type="text" name="un" size="30" style="height:30px;font-size:medium; border-color:#F4981F; font-weight:bold; font-family:'Segoe Print'"> <br/><br/><br/> 
       <tr> 
       <td> 
        <label style="font-size:x-large; font-family:'Segoe Print'; font-style:italic; font-weight:bolder; color:#F4981F">Password</label> 
        &nbsp&nbsp&nbsp&nbsp 
       <td><input type="password" name="pas" size="30" style="height:30px;font-size:medium; border-color:#F4981F; font-weight:bold; font-family:'Segoe Print'"><br /><br /> 
      </table> 
      <div class="padding1"> 
       <button class="btn btn-larger btn-warning" type="submit" style ="font-family:'Segoe Print'; height:40px; font-size:large; font-weight:bolder">Signup</button> 
      </div> 
      </form> 
     </div> 
     </div> 
    </div> 
    </div> 
</div>

Помните, что тот же код работает отлично на странице Индекса, но не в другой форме.

источник

2015-02-02 Fastian

Может быть, добавив ссылку на вашу версию и рисунок того, что вы хотите достичь бы убрать вещи? –

У вас есть неверный HTML-код по всему образцу кода (незакрытые '' и '' теги) – JRulle

@ MarcusMüller мое приложение работает на локальном хосте. Я хочу текстовые поля в правой части формы. Вы можете сказать, что как этот почтовый ящик Yahoo на странице. Я хочу, чтобы текстовые поля находились на той же позиции, что и на странице входа в Yahoo. – Fastian

Вы хотите сказать, что знак в органах управления находится в правом верхнем углу? Проверьте фрагмент ниже. Вы можете просмотреть его в полноэкранном режиме, чтобы увидеть его правильно.

div.scroll { 
 
    overflow-y: hidden; 
 
    overflow-x: hidden; 
 
} 
 
div.padding { 
 
    padding-top: 8cm; 
 
} 
 
div.padding1 { 
 
    padding-left: 6cm; 
 
} 
 
.container { 
 
    position: absolute; 
 
    top: 0; 
 
    right: 0; 
 
}

<div class="scroll"> 
 
    <h1 style="color:#F4981F; font-family:'Segoe Marker'">Sign Up</h1> 
 
    <div class="padding"> 
 
    <div class="row"> 
 
     <div class="col-sm-6 col-md-3 col-md-offset-6"> 
 
     <div class="container"> 
 
      <form action="/Home/Signup1" method="post"> 
 
      <table> 
 
       <tr> 
 
       <td> 
 
        <label style="font-size:x-large; font-family:'Segoe Print'; font- style:italic; font-weight:bolder; color:#F4981F">Username</label> 
 
        &nbsp&nbsp&nbsp&nbsp 
 
        <td> 
 
        <input type="text" name="un" size="30" style="height:30px;font-size:medium; border-color:#F4981F; font-weight:bold; font-family:'Segoe Print'"> 
 
        <br/> 
 
        <br/> 
 
        <br/> 
 
        <tr> 
 
         <td> 
 
         <label style="font-size:x-large; font-family:'Segoe Print'; font-style:italic; font-weight:bolder; color:#F4981F">Password</label> 
 
         &nbsp&nbsp&nbsp&nbsp 
 
         <td> 
 
          <input type="password" name="pas" size="30" style="height:30px;font-size:medium; border-color:#F4981F; font-weight:bold; font-family:'Segoe Print'"> 
 
          <br /> 
 
          <br /> 
 
      </table> 
 
      <div class="padding1"> 
 
       <button class="btn btn-larger btn-warning" type="submit" style="font-family:'Segoe Print'; height:40px; font-size:large; font-weight:bolder">Signup</button> 
 
      </div> 
 
      </form> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

источник

2015-02-02 17:21:35

большое спасибо. Но я не хочу, чтобы они были сверху справа. Но теперь они по крайней мере появляются справа. Я не знаю, почему мой же код работает отлично в форме Индекса, а не в другом! И кнопка еще не отображается как кнопка опасности. – Fastian

Я изменил значения верхнего и правого тегов контейнера. Теперь проблема с Button. – Fastian

Возможно, у вас есть дополнительный css во втором файле, который переопределяет стиль в этом случае. Что касается кнопки с угрозой, похоже, вы установили класс Bootstrap на предмет опасности для предупреждения (если только не ошибаетесь). Остальная загрузка загружается для вас? –

Текстовые поля не отображаются в нужном месте

ответ

Смежные вопросы