2014-01-11 2 views
0

У меня есть форма, и мне нужно, чтобы показать информацию, как это:Fieldset левый и правый CSS

Ваше имя Ваш адрес Ваш электронный адрес Ваш пароль Добавить

Теперь я получил что-то вроде этого:

<fieldset class="left"> 
    <input type="text" id="name" placeholder="Your Name*"/> 

    <input type="email" id="email" size="50" placeholder="Your Email*"/> 

</fieldset> 
<fieldset class="right"> 
    <input type="text" id="tel" size="50" placeholder="Your address*"/> 

    <input type="text" id="cel" size="50" placeholder="Your password*"/> 
    <input type="submit" value="Submit"/> 
</fieldset> 

Мой класс:

.left{float:left;} 
.right{float:right;} 

Но это не работает ...

Любые идеи?

И демо: http://jsfiddle.net/Nu5fG/

+0

слишком широкие поля –

+1

«Это не работает» не указывает вашу проблему. Пожалуйста, проявите определенные усилия по определению вашей проблемы, чтобы мы могли быть уверены, что понимаем, чего вы пытаетесь достичь, что вы пробовали и как вы потерпели неудачу. –

+0

Привет, Lajos, я добавил в свой пост демо, чтобы вы могли видеть, как он работает прямо сейчас ... поэтому я не знаю, что вы имеете в виду: «Пожалуйста, проявите определенные усилия в определении вашей проблемы», я думаю, что это ясно, я хочу показать один набор полей слева и другой справа. – lucasvm1980

ответ

1

Это связано с настройками «размер» ваших полей ввода. Измените их все на 20, и они делают то, что вы хотите.

Замечание выше минимально полезно, поэтому позвольте мне посмотреть, могу ли я дать вам что-то существенное.

  1. В этом случае я не считаю, что расположение таблиц - это что-то плохое. Данные являются «видными» табличными.

  2. Вам нужно будет расширить свою страницу или уменьшить размеры элементов ввода до минимального размера.

  3. Вам действительно нужны два набора полей?

  4. Можете ли вы уйти с небольшим шрифтом? Поля всплывают?