php - 标题图片造成巨大差距

标签 php html css

我已经设法让我制作的图像出现在默认标题 Logo 旁边的 woostore 主题的标题中,但是图像和页面顶部之间出现了很大的差距,我认为这是实际上是由 Logo 以某种方式引起的。我不擅长编码,只是试错了一点,所以有人可以看看并告诉我该怎么做吗?

具体的头部代码如下:

<?php } ?>

 <div id="header" class="col-full">

 <div id="logo">
 <div id="headbanner" style="height:500px; width:186px; position:relative; top:500px; left:275px;">
 <img src="http://aggidukes.co.uk/store/wp-content/uploads/2013/04/Store-header-Image.png" alt="Official Store" /></div>

网站地址:http://aggidukes.co.uk/store/

最佳答案

在#headbanner 中,只需将 float 去掉即可。

#headbanner{float:right;}
#search-top{float:right; clear:both;}

关于php - 标题图片造成巨大差距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15950197/

相关文章:

html - 高度百分比不适用于纵向屏幕方向

javascript - 打印隐藏图像,每个图像到 PDF 的不同页面

html - Outlook 中电子邮件的 float 替换

php - style.php 打印纯文本而不是显示 css

php - 对每个分号运行一个循环

php - 如何将多个动态行插入数据库

jquery - Bootstrap 导航栏折叠按钮适用于 PC 但不适用于笔记本电脑或手机

javascript - JSON 无法将对象解码为字符串类型的 GO 值

php - 从开关内部使用继续跳过 foreach 中的迭代

html - 1 : White space above header and div, 归一化和边距 :0 didn't fix. 2:调整列