1

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

2 回答 2

0

你可以简单地把img里面p：

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

然后在图像中添加一些右填充以使其从文本中偏移。还是我错过了什么？

于 2012-12-18T11:53:35.570 回答
0

更改样式如下：

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-18T11:45:54.130 回答