内联图片(带双倍间距标题)

时间:2014-08-16 11:31:41

标签: html css image inline captions

我的网站出了问题。我想在我的标题中插入两张图片: (我的意思是徽标和顶部的品牌图片)http://tdfts.com/projects/akvile_test

我试图漂浮它,但它根本没用。这是代码的一个例子,我试过: http://www.ohne-css.gehts-gar.net/0004.php(抱歉是德语:/)

我还试图为“团队”的团队照片创建一个标题。在德国网站上也有一个代码,但它没有起作用:(我希望你能帮助我。

提前致谢

2 个答案:

答案 0 :(得分:0)

使用表,这将得到最好的结果......

<table><tr>  <td><img /></td>  <td style="padding-left:10px;"><img /></td>  </tr></table>

在看完您的代码后,我发现了问题:您需要将style="display:inline-block;"放入div id="logo" 。但请记住,两个图像的宽度应小于页面宽度。如果用户更改屏幕分辨率,浏览器宽度,则第二个图像将出现在第二行。所以,最好使用TABLE TAG,将logo-div放在第一个TD中,将品牌形象放在第二个TD中。

答案 1 :(得分:0)

我放了一个浮子:留在上面,它工作得非常好。

请记住:float仅适用于兄弟元素,而不适用于兄弟之子,而float仅适用于早期兄弟姐妹,而不是后来的兄弟姐妹。