提交表單時圖像消失

我有一個聯繫頁面，包含社交媒體鏈接和電子郵件地址的頁面上的表單和圖標。當表單被提交時，圖標/圖像從頁面中消失，但是表單證實並且沒有問題。我使用標準的img標籤和一類floatLeft。我發現了一個解決方案，當他們在css上使用相對位置的時候對某人有效，但對我來說仍然沒有運氣。它必須與css有關（至少我認爲是這樣）。我曾嘗試使用codeigniters img片段（我使用CI框架），並且圖像在表單提交上很好，但不知道如何將CI圖像標記與P標記對齊，因爲它們看起來在另一個下面。提交表單時圖像消失

任何幫助或鏈接到什麼可能是問題將不勝感激。

謝謝。

解決：

<img src="<?php echo base_url(); ?>assets/images/phone.png" alt="Phone" class="floatLeft"><p>123 456 789</p>

來源

2012-12-18 Shimsham84

你能發佈相關的CSS和HTML（CI視圖）嗎？ – Mudshark

我剛剛添加了鏈接到問題的HTML和CSS，以及CI方式已經嘗試過（它的工作原理但注意如何保持圖標和文本在同一行） - 謝謝！ – Shimsham84

更改樣式，如下：

img.floatLeft{ 
    float:left; 
    left:-20px; 
    position:relative; 
} 

.contact-info{ 
    padding:10px 0px 10px 0px; 
    height:38px; 
    font-size:14px; 
    overflow:hidden; 
    clear:both; 
}

請確保圖像，因爲你使用的圖像源相對鏈接下載。

來源

2012-12-18 11:45:54

我用你的CSS方法，這仍然不會工作，直到我讀你評論中的最後一行。我目前使用我的本地主機，以解決這個問題，我用我一直用來加載我的CSS和JavaScript的方法。我使用的代碼是在我的第一篇文章中的上面 - 感謝您的幫助。 – Shimsham84

你可以簡單地把img的p內：

<p><?php echo img('assets/images/phone.png'); ?>Your paragraph here</p>

然後添加一些右填充的圖像把它從文本偏移。或者我錯過了什麼？

來源

2012-12-18 11:53:35 Mudshark

提交表單時圖像消失

回答

相關問題