客户端将图像添加到WordPress标题并且未正确对齐

时间:2014-03-28 14:59:34

标签: html css wordpress

我的客户已将图像添加到其WordPress标题中。我很难(我还在学习CSS)让图像在我们想要的地方对齐。

This is the site here

您可以在右侧看到Options House图形。我希望它出现在" stock"这个词的右边。在标语中。帮助

====根据以下建议编辑====

@Beardminator提出了一个建议的答案,但这是包含该代码后网站标题的样子:

enter image description here

2 个答案:

答案 0 :(得分:1)

相对定位options_house div就像这样:

#options_house {
    float: right;
    position: relative;
    top: 40px;
    left: 52px;
}

并取消隐藏在标题类中的溢出。

答案 1 :(得分:0)

以下是您应该使用此代码替换的2 div:

.slogan {
    color: #EBEBEB;
    font-size: 17px;
    left: 200px;
    line-height: 25px;
    position: absolute;
    text-shadow: 0 2px 4px #0F243E;
    top: 59px;
}


.logo_mmj, .logo_mmj:visited, .logo_mmj:hover, .logo_mmj:visited:hover {
    background: url("../images/logo_marijuana.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: right;
    height: 95px;

    position: absolute;
    right: 0;
    text-decoration: none;
    top: 23px;
    width: 392px;
}

您需要将徽标放在右侧,因此.logo_mmj应包含

  right:0px;

或者如果你使用position:relative; 您可以这样使用:

.logo_mmj
{
 position:relative;
 float:right;
}

更新: 您链接的网站有非常不同的徽标,这就是为什么它只会让它变得更糟。你只需要调整 .slogan离开了房产。并添加 到.logo_mmj div top:30px或更多。