Question

很抱歉，如果这是一个愚蠢的问题，但出于某种原因，经过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>

Answer 1

.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

1 个答案: