2013-03-07 3 views
0
<form name="fc"> 
     <div class="input-text"> 
     <input type="text" id="postquestion" name="postquestion" style="font-size:12px;"class="ps" value="" placeholder="What's Your Question..?" data-mini="true" /> 
     <a href="#dialog" class="dig" value="" data-role="button" data-icon="plus" data-inline="true" data-rel="dialog" data-iconpos="notext"></a> 
     <input type="submit" value="Ask" class="ask" data-inline="true" data-mini="true"data-theme="b"/> 
     </div> 
</form> 

этот код не работаеткак этот класс в CSS

.ask 
{ 
margin-top:-10px; 
} 

Я новичок в CSS, пожалуйста, помогите мне. http://jsfiddle.net/shreeramns/4dRuP/

+0

Что вы пробовали? Пожалуйста, объясните, что вы хотите сделать? На самом деле это работает – zkanoca

+0

Нет проблем с использованием свойств класса по мере необходимости. – Sarang

+0

@ozkanozlu Я хочу выровнять кнопку Ask и уменьшить ширину кнопки – Sriram

ответ

3

input является встроенным элементом, поэтому он не может иметь никакого применения. Вы должны сделать его на уровне блоков элемент:

.ask 
{ 
    display: inline-block; 
    margin-top:-10px; 
} 

Кроме того, вы не должны использовать отрицательные поля, если это возможно, используйте вместо позиционирования.

+0

Или 'inline-block'. –

+0

он пытался, но ничего не приходит. пожалуйста, посмотрите на это. https://docs.google.com/file/d/0B7s0BYiHsMBtNnRPanNkOUtlc2c/edit?usp=sharing – Sriram

0

вы, возможно, придется использовать float:left как для кнопки и текстового поля

.ask{ 
     margin-top:-10px; 
     display:inline; 
     position:relative; 
     float:left; 
    } 
    .ps{ 
     float:left; 
     display:inline; 
    } 

Preview >>http://jsfiddle.net/vmyc8/

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