提交表单时图像消失

我有一个联系页面，包含社交媒体链接和电子邮件地址的页面上的表单和图标。当表单被提交时，图标/图像从页面中消失，但是表单证实并且没有问题。我使用标准的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

提交表单时图像消失

回答

相关问题