css - 图片不适用于CSS

抱歉，如果这是一个愚蠢的问题，但是由于工作5个小时后由于某种原因，我无法正常工作...

我有一个带有徽标和电话的标头（均为图像）。我希望电话位于标题的右中间，然后在用户调整窗口大小时向左移动。但是当我尝试时，它向下移动。我希望将徽标放置在ΛΟΓΙΣΜΙΚΟ上方，并在用户调整大小时随菜单一起移动（停留在顶部）。

这是站点：http://www.altasoft.gr/index_.htm

可以用JavaScript完成吗？

 <div class="header">
    <div style="position:relative; left:17%; top:10px; z-index:99;">
        <img  src="images/Altasoft_Logo.png" alt="" width="354" height="91" />
    </div>

    <div style="position:relative; left:80%; top:-30px; z-index:5;">
      <img src="images/telephone.gif" alt="" width="142" height="16" />
    </div>
</div>

最佳答案

.header {
  margin: 0 auto;
  padding: 0;
  position: relative;
  text-align: left;
  width: 931px; /* make this same width than 'main content'*/
  z-index: 10;
}

在第一个分隔线中，按以下方式设置样式：

element.style {
/*  left: 17%; */ /* remove the left:17% */
  position: relative;
  top: 10px;
  width: 50%;
  z-index: 99;
}

它将使您的标题和菜单对齐

关于css - 图片不适用于CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17748020/