Возможное решение этой проблемы проектирования? -- html пол Связанный проблема

the possible solution to this design issue?


0
vote

проблема

русский

Мне нужно знать, как исправить эту проблему в конструкциях форм .. Получение этого в Firefox

И это в IE ...

Цвет не является проблемой .. Juz Нужно выравнивание быть исправленным ...

Код идет так:

 <код> <div class="content_form_box7_main"> <div class="content_form_box7_main1"> <input type="text" name="email" value="Comments" class="content_form_box7_inside"/> </div> </div>   

Стиль идет как:

 <код> .content_form_box7_main{     float:left;      color:#FFFFFF;      padding:5px 0px 2px 0px;      width:281px; } .content_form_box7_main1{     float:left;      padding:0px 0px 0px 40px; } .content_form_box7_inside{     float:left;      background-image:url(images/amcro_contact4.gif);      width:206px;      height:43px;      background-repeat:no-repeat;      border:none;      background-color:#E0D1B4; vertical-align:top; }   

Извинения, если это выглядит сложным ...

Английский оригинал

I need to know how to fix this issue in the designs of forms.. Getting this in firefox

and this in IE...

the color is not an issue.. juz need the alignment to be fixed...

The code goes like this :

<div class="content_form_box7_main"> <div class="content_form_box7_main1"> <input type="text" name="email" value="Comments" class="content_form_box7_inside"/> </div> </div> 

the style goes like :

.content_form_box7_main{     float:left;      color:#FFFFFF;      padding:5px 0px 2px 0px;      width:281px; } .content_form_box7_main1{     float:left;      padding:0px 0px 0px 40px; } .content_form_box7_inside{     float:left;      background-image:url(images/amcro_contact4.gif);      width:206px;      height:43px;      background-repeat:no-repeat;      border:none;      background-color:#E0D1B4; vertical-align:top; } 

apologies if it looks complex ...

</div
  
     
     

Список ответов

0
 
vote

Как выглядит ваши CSS? Вы пытались добавить следующее на входные элементы?:

 <код> vertical-align: middle;    

или

 <код> vertical-align: 50%;   
 

What does your CSS look like? Have you tried adding the following to the input elements?:

vertical-align: middle;  

or

vertical-align: 50%; 
</div
 
 
0
 
vote

Стиль вертикального выравнивания в теге ввода - это зависит от браузера. Мой совет преодолел это.
Удалить значение высоты.

 

vertical-align style in input tag is browser dependent. My advice will get over it.
Remove height value.

</div
 
 
0
 
vote

Вам нужно добавить прокладку на входные элементы.

 

You need to add padding to the input elements.

</div
 
 

Связанный проблема

3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS)  ( Is there any way to distinguish touch vs mouse interactions in windows 8 html ) 
Я в настоящее время строю приложение, которое имеет много внимания на панорамирование, которое выглядит и чувствует себя красиво, когда касается и манипулируе...

15  CSS округлые углы  ( Css rounded corners ) 
Я видел много кодов для этого, но кажется, что он не работает очень хорошо или вообще. Я использовал картинки для округлых углов, но мне нужен код, так что он...

9  Могу ли я установить два фоновых изображения на одном элементе с CSS?  ( Can i set two background images on the same element with css ) 
Образец HTML-кода: <код> belongs_to :y3 Пример файла CSS: <код> belongs_to :y4 Кажется, что часть «B» игнорируется. Есть ли способ Inlclude как из...

2  Наличие JSF выпивать поля поиска HTML. Doable?  ( Having jsf spit out an html search field doable ) 
Я не разработчик Java, но работаю с командой, которая использует JSF 1.2 Мы хотели бы начать использовать теги HTML 5 и атрибуты. Не отображается, что JSF 1...

1  Если для JavaScript в XSLT не работает [дубликат]  ( If greater than javascript into xslt doesnt work ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> Этот вопрос уже есть ответы здесь : ...

0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено?  ( How do you make a div go under another div nav menu which is not fixed ) 
Я пытаюсь сделать Div, идут под очередной div, в котором ни один не фиксирован элементы. Вот мой код: <Код> ul { list-style-type: none; margin: ...

1  Переполнение: Авто не работает в Firefox 16  ( Overflowauto not working in firefox 16 ) 
Я знаю, что есть много поста о проблемах переполнения в FF (большинство для старой версии) или в другом месте, но я не могу найти что-то, связанное с моим при...

1  Как я могу сделать пользовательский сортировку на следующем HTML-таблице, заставляя некоторые ряды всегда кажутся под другими?  ( How can i do a custom sort on the following html table forcing some rows to alw ) 
У меня есть следующие данные для списка задач: У меня есть <код> HTML Таблица, отображаемая эти данные, в настоящее время отсортировано по имени задачи ...

0  Jquery value изменить жить  ( Jquery value change live ) 
Пожалуйста, обратитесь к этому HTML. <код> <input type="text" name="amount1" value="10" /> <input type="text" name="amount2" value="5" /> <input type="text"...

0  Скачать изображение из результатов API  ( Download image from api results ) 
Я создаю приложение, которое использует онлайн API для рерантива изображений на основе ключевого слова для поиска. Я запускаю петлю Foreach для рендеринга 12 ...

1  Как проверить отметку Check Column в сетке?  ( How to check mark a check column in a grid ) 
У меня есть флажок Check Column на сетке, которая мне нужна для программически проверки. Вот как сценарий Check Column: <код> columns: { items:[ ...

0  JQuery Mobile Link от PHP до HTML не работает, но URL делает изменения  ( Jquery mobile link from php to html not working but url does change ) 
Хорошо, так что когда я вошел в систему в свое приложение (index.html), я принимаю в login.php, отсюда я хочу меню для пользователя, но ни одна из моих ссылок...

2  Совет инструмента не работает на текстовой зоне Bootstrap  ( Tool tip not working on text area bootstrap ) 
У меня есть форма Bootstrap 3, на которой я применяю Tootip через скрипт. Toottip работает нормально на поле ввода, но не работает над Textarea. <код> <div ...

0  Как я могу отобразить вывод каждого цикла на петле «для»?  ( How can i display the output of each loop on a for loop ) 
Я общий новичок, и я работаю над «простыми числами» рисованием / анимацией с помощью HTML5 Canvas и JS. Мне трудно с помощью петли «Для», потому что браузер о...

4  Как генерировать документ Word (DOC, DOCX) в ASP.NET? [закрыто]  ( How to generate word documentdoc docx in asp net ) 
<в сторону CLASS = "S-NEWACTS S-WELTIVE__info JS-Post-New Imide MB16« Роль = «Статус»> закрыт . Этот вопрос должен быть больше Фокусированный . В настоя...

Связанный проблема

3  Есть ли способ различить связь против мышиных взаимодействий в Windows 8 (HTML / JS) 
15  CSS округлые углы 
9  Могу ли я установить два фоновых изображения на одном элементе с CSS? 
2  Наличие JSF выпивать поля поиска HTML. Doable? 
1  Если для JavaScript в XSLT не работает [дубликат] 
0  Как вы делаете Div пойти по другому меню Div / NAV, которое не исправлено? 
1  Переполнение: Авто не работает в Firefox 16 
1  Как я могу сделать пользовательский сортировку на следующем HTML-таблице, заставляя некоторые ряды всегда кажутся под другими? 
0  Jquery value изменить жить 
0  Скачать изображение из результатов API 
1  Как проверить отметку Check Column в сетке? 
0  JQuery Mobile Link от PHP до HTML не работает, но URL делает изменения 
2  Совет инструмента не работает на текстовой зоне Bootstrap 
0  Как я могу отобразить вывод каждого цикла на петле «для»? 
4  Как генерировать документ Word (DOC, DOCX) в ASP.NET? [закрыто]