Question

我正在尝试在基于Arras的Wordpress子主题中的默认旁边添加第二个标题图像。现在，只有第一个，左图像出现。在右边只有空白区域。我想知道我做错了什么 - 无论是我的标记中的错误还是主题本身的约束。

现在看来是这样的：http://traycezpr.currentecalamo.org/

#header {
    height:165px;
    width:960px;
    margin: 0 auto;
    position: relative;
    background:transparent;
    border:none;
}

#header h1 {
    display:block;
    float:left;
    width:800px;
    height:165px;
background:url(http://traycezpr.currentecalamo.org/wp-content/uploads/2013/01/TZLTER.jpg) no-repeat 0 0;
    background-size: 800px; 165px;
    text-indent:-10000px;
}

#header h2 {
    display:inline;
    float:right;
    position:relative;
    width:160px;
    height:165px:
    text-indent:-10000px;   background:url(http://traycezpr.currentecalamo.org/wp-content/uploads/2013/01/TZCH7.jpg) no-repeat 0 0;
    background-size:160px; 165px;
}

Answer 1

user.css第22行你的代码不正确。它写着：

height:165px: text-indent:-10000px

它应该是：

height:165px;
text-indent:-10000px;

您还将.logo（嵌套了h个标签）设置为：

max-width:590px

你应该让它跨越整个宽度，如：

width:100%

我还建议您为图片使用实际的divs代替h标签。 h标记通常用于文字标题/ seo。

Answer 2

你需要做两件事：

添加高度：165px;到#header hs
在default.css（.logo）的第48行上将max-width更改为100％

在Wordpress中并排添加两个标题图像

2 个答案: