顯示驗證標籤時，表單中標籤元素的CSS錯誤

我的表單左側的標籤，例如'名稱添加您的名字'似乎在我單擊發送按鈕時移動位置，紅色顯示驗證消息。顯示驗證標籤時，表單中標籤元素的CSS錯誤

的形式在這裏找到：

http://www.bestclownintown.co.uk/book.php

下面是標籤的CSS規則第二條規則是錯誤消息。是否有修改這些CSS規則或其他元素的規則以確保點擊「發送」時左側的黑色標籤顯示和表單右側的紅色驗證標籤。

#stylized label { 
display: block; 
font-weight: bold; 
text-align: left; 
width: 140px; 
float: left; 
} 

label.error { 
color: red; 
padding-left: .5em; 
vertical-align: top; 
}

來源

2012-07-26 user1554264

你改變問題給出鏈接的內容???現在它已經完全破碎了，但在2分鐘之前它已經正常運轉。 – Narendra 2012-07-26 10:39:44

是的，抱歉，我不再做任何改變，因爲它會打亂任何試圖像你一樣評估它的人。 – user1554264 2012-07-26 10:45:27

，因爲他們都是一個用於#stylized標籤

比賽你應該添加一個類每個標籤你申請完全相同的CSS原來的標籤和錯誤標籤，。或者你可以寫爲錯誤標籤的特定風格，比如：

#stylized label { 
display: block; 
font-weight: bold; 
text-align: left; 
width: 140px; 
float: left; 
clear: both; 
} 

#stylized label.error { 
color: red; 
padding-left: 140px; 
vertical-align: top; 
float: left; 
}

這可能收拾了一點東西。

來源

2012-07-26 10:30:26 daveyfaherty

執行以下更改。

將表單的寬度從500px更改爲900px，以便它將適應標籤，輸入和錯誤消息。
明確：兩者;到左側的標籤。
刪除填充 - 留下錯誤消息。
添加高度：40px到錯誤消息。

所有樣式都在style.css中定義。因此，檢查用於上述更改的類，並在該文件中執行所需的更改。

請讓我知道是否有問題，如果離開。

來源

2012-07-26 10:55:16 Narendra

謝謝你雨我已經完成了你所要求的。該網站現在看起來像 - http://www.bestclownintown.co.uk/book.php 我們正在那裏，雖然驗證消息和按鈕現在出現在奇怪的地方，當'發送'被點擊。 – user1554264 2012-07-26 11:09:09

檢查，將更新。 – Narendra 2012-07-26 11:12:06

而不是明確：兩者;在#stylized label.error 使用清除：right; 讓我知道問題是否仍然存在。 – Narendra 2012-07-26 11:18:22

puppybeard有帖子的解決方案比較合適。

雖然如果你想/需要你的驗證顯示在右側，那麼你可能需要編輯你的代碼。

float在IE瀏覽器中產生一些問題。只有當你想要極端的左側或右側位置時才使用它。你可以使用..

display:inline-block;

使用，

*display:inline-block; (for ie-7/8)

來源

2012-07-26 10:57:17 Rohit416

剃刀，我已編輯並應用此規則，但驗證消息仍然出現在下方而不是右側。當我檢查我的代碼時，是否有某些我錯過了？ – user1554264 2012-07-26 11:01:38

您的設計在dom層次結構方面很少分散。表單採用有限的寬度，壓縮元素並在元素下面移動驗證錯誤標籤。從每個控件中刪除浮動，因爲我看到你的設計似乎沒有必要。嘗試工作，我希望你會找到好的結果:) – Rohit416 2012-07-26 11:35:54

顯示驗證標籤時，表單中標籤元素的CSS錯誤

回答

相關問題