2012-01-12 58 views
7

你好,大家好我已設置背景圖片在我輸入文本和文本區域,但我有幾個小問題與背景圖像的HTML輸入

我重視形象。 我如何改變名稱文本輸入中的文本啓動位置?

和我的文字面積更大然後我的背景圖片

這與風格

input type="text" name="txtName" class="input" /> 

.input 
{ 
    border: 0px solid #444444; 
    height:39px; 
    width:346px; 
    background:url(images/Contact_05.jpg) no-repeat right top; 
    color:#fff; 
    padding-left:4px; 
    font-size:20px; 
    } 

,在這裏我的名字的文字輸入是我的文字區域

<textarea rows="5" cols="0" class="inputMessage"></textarea> 
.inputMessage 
{ 
    border:0px solid #444444; 
    height:386px; 
    width:685px; 
    background:url(images/Contact_20.jpg) no-repeat left top; 
    padding-left:4px; 
    color:#fff; 
    font-size:20px; resize:none; 
    } 

什麼建議嗎? enter image description here

+0

你能澄清嗎?對於輸入框,您可能需要添加幾個填充像素。對於文本區域可能有點填充權。 – Different55 2012-01-12 22:57:33

+0

如果你能夠使用CSS3,那麼你可以做到沒有圖像的整個事情。 'textarea {border-radius:5px;}'會給你一個好的開始。 – 2012-01-14 16:37:44

回答

7

將填充左側設置爲更大的值在輸入上,並減少textarea的寬度。

當您設計表單時,最好在輸入框中放置一個臨時邊界,以查看它們實際位置的位置,以及完成時間。

1
padding:10px; 
inputtextarea

(或更多)。