2012-12-11 56 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