CSS PHP錯誤的div容器

我想知道我怎麼能實現以下想法：CSS PHP錯誤的div容器

我有一個登記表。在一個PHP錯誤消息的情況下，我想顯示其中特定錯誤消息發生的每個輸入字段旁邊一個div。因此，在現階段，我有CSS問題來設置該分區中的所有其他的div的前面。所以我開始研究Z-index，但出於某種原因，這是行不通的。

我在我的CSS：

#form-error{ 
    background-color: #f23; 
    z-index:1; 
    width: 200px; 
    height: 50px; 
}

而在HTML：

<?php if(isset($errors)):?> 
    <?php foreach($errors as $error):?> 
    <div id="form-error"> 
    <?php echo $error;?> 
    </div> 
    <?php endforeach;?> 
<?php endif;?>

所以，我在如何解決這個想法很感興趣。

非常感謝。

UPDATE

與用戶偏轉的幫助下，我認識到，我要補充的立場聲明。我這樣做了。現在我列出了所有錯誤消息。

該用戶提到，這將是更好的reoganize我的PHP邏輯有一個特定的errormessage的，我只需要添加到類形式錯誤的輸入字段旁的盒子。這不是問題。我可以從數組中獲取每個errormessage。我的問題是，如何認識到我有這些框旁邊的輸入字段。

來源

2012-07-10 bonny

ID必須是唯一的。在這種情況下使用CSS類名稱，而不是ID。 – 2012-07-10 15:48:58

不記得很清楚，但我認爲你需要有絕對/相對/固定的當前位置的元素。嘗試並添加一個主張：規則。 – Onheiron 2012-07-10 15:49:21

爲了使z-index正常工作，您需要在您的css中添加position:relative;,position:absolute;或position:fixed;。

我不知道還有什麼可能是問題，但我會通過添加到您的CSS，像這樣開始：

#form-error{ 
    position: relative; 
    background-color: #f23; 
    z-index:1; 
    width: 200px; 
    height: 50px; 
}

來源

2012-07-10 15:48:52 Michael0x2a

好，感謝這麼遠。一個問題解決了。接下來是如何認識到這些div將被放置在輸入字段旁邊？ – bonny 2012-07-10 16:02:34

不要一次性添加所有錯誤，最後我會嘗試將PHP邏輯移入表單本身，以便將div放在相應的輸入項旁邊。然後，如果需要，您可以重新定位它們。（警告：我不是用PHP經歷） – Michael0x2a 2012-07-10 16:06:53

這不應該成爲問題。我有一個數組，我可以選擇每個特定的錯誤信息，以便我只需要將輸出添加到特定的框中。有趣的是，我沒有經驗的CSS，並想知道如何認識到，我有一個框旁邊每個字段:) – bonny 2012-07-10 16:12:45

CSS PHP錯誤的div容器

回答

相關問題