2012-12-11 57 views
0

注意!問題已解決,解決方案先在問題圖像鏈接漂浮在彼此旁邊的divs問題

在網頁最頂端我正在工作我在左上角有一個標誌(改變語言),我有一個div。在右側,我有另一個圖像(商店購物車)的div,但由於我浮動了正確的div,我仍然在右側的divs地址點擊左側,就像右側覆蓋了let。爲什麼?我該如何解決這個問題?

此外,我通過使用我的html/css文件並編輯它們以適應客戶的wordpress。

CSS

#topmenu img { 
    margin-left: 25px; 
    float:left; 
    position:relative; 
} 
#cartmenu img { 
    position:relative; 
    margin-left: 542px; 
} 

的header.php

<div id="container"> 
    <div id="topmenu"> 
    <a href="http://wwgrgrhbhop.se/indexEU"><img src="wp-content/themes/blank/images/icon_en_global.png" alt="English.png" width="42" height="30"></a> 
    </div> 
    <div id="cartmenu"> 
    <a href="http://www.enerfergeggyshop.se/"><img src="wp-content/themes/blank/images/cart.png" alt="cart.png" height="" width=""></a> 
</div> 

// SOLUTION集寬度(CSS)到兩個元件以及一個浮動:左到兩個元件,然後利用空白位置將它們放到您想要的位置。

#topmenu img { 
margin-left: 25px; 
float:left; 
position:relative; 
width: 42px; 
height:45; 
margin-top:15px; 
margin-bottom:-10px; 

} 

#cartmenu img { 
    position:relative; 
    margin-left: 520px; 
    float left; 
    width:350px; 
    height:40px; 
    margin-top:-20px; 
} 

回答

2

嘗試定義的寬度爲#topmenu img並給予cartmenu一個float:left;爲好。

+1

是的,你是正確的,在CSS中的一些更多的編輯我得到它的工作!我在我的分鐘後添加了解決方案,非常感謝=) –

+0

@EmanuelOlsson很高興我能幫上忙! – itamar