Question

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

Answer 1

按以下方式更改样式：

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

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

由于您在图片来源中使用相对链接，请确保已下载图片。

Answer 2

您可以简单地将img放在p：

中

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

然后向图像添加一些右边距以使其偏离文本。或者我错过了什么？

提交表单时图像消失

2 个答案: