0

我的问题是我希望徽标和 ΛΟΓΙΣΜΙΚΟ 菜单对齐。我已经尝试了所有方法，但我无法让它们一起移动。菜单移动得更快......我正在尝试使用javascript来获取位置并将徽标设置为与菜单相同的位置但我无法弄清楚这里是页面http://www。 altasoft.gr/index_.htm

<div class="header">
    <div style="position:relative;top:10px; z-index:99; width:50%"><a href="http://www.altasoft.gr/index_.htm"><img  src="images/Altasoft_Logo.png" alt="" width="354" height="91" /></a></div>
    <div style="position:relative; left:10%; top:-30px; z-index:5; width:80%; min-width:550px;"> <img style="float:right;" src="images/telephone.gif" alt="" width="142" height="16" /></div>
</div>

.nav-container {
    background: #eaeaeb;
    /*background: #fff url(../images/menu_bg.gif) no-repeat 50% 0%;*/
    clear: both;
    height: 48px;
}
#nav {
    /*padding: 0px 0px 0px 30px;*/
    width: 931px/*920px*/;
}
#nav li {
    padding-right: 8px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
}
4

3 回答 3

1 
<div class="header">
    <div style="left: 17%;
top: 10px;
z-index: 99;
width: 859px;
margin: auto;"><a href="http://www.altasoft.gr/index_.htm"><img width="354" height="91" alt="" src="images/Altasoft_Logo.png"></a></div>


     <div style="position:relative; left:10%; top:-30px; z-index:5; width:80%; min-width:550px;"> <img width="142" height="16" alt="" src="images/telephone.gif" style="float:right;"></div>
       </div>
于 2013-07-24T12:02:28.947 回答
0

只需更改#nav 的宽度

截屏：

在此处输入图像描述

于 2013-07-24T11:45:00.240 回答
0

嘿实际上你应该遵循下面提到的代码我希望这对你有用请用我的代码更改你的header DIV代码：-

HTML

<div class="header">
    <div style="margin: auto; width: 931px;"><a href="http://www.altasoft.gr/index_.htm"><img width="354" height="91" alt="" src="images/Altasoft_Logo.png"></a></div>
     
      
     <div style="position:relative; left:10%; top:-30px; z-index:5; width:80%; min-width:550px;"> <img width="142" height="16" alt="" src="images/telephone.gif" style="float:right;"></div>
       </div>

你必须从你的位置logo div和它的position values 顶部和左侧删除属性，并根据你的要求定义width:931px;withmargin:auto和它的工作正常......

见附件演示

于 2013-07-24T11:54:15.340 回答