2014-03-28 34 views
0

我的客戶已將圖片添加到其WordPress標頭。我有困難(我仍然在學習CSS)讓圖像對齊我們想要的位置。客戶端將圖片添加到WordPress標題並且未正確對齊

This is the site here

你可以看到在右邊的選項衆議院圖形。我希望它在標語中的「股票」一詞的右邊。幫幫我?

基於以下====建議====編輯

@Beardminator做出了建議的答案,但是這是網站標題看起來像包括代碼之後什麼:

enter image description here

回答

1

相對定位是options_house DIV像這樣:

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

,脫下從頭類隱藏溢出。

+0

謝謝@ t8tertotlover!這工作! –

0

這裏是2格,你應該與此代碼替換:

.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或更多。

+0

嗨,謝謝,但這使問題變得更糟。我編輯了我的文章並添加了添加上述代碼時發生的情況的屏幕截圖。 –

+0

我更新了我的答案。你鏈接的網站有很多不同的標誌,然後我看到。 – Beardminator

相關問題