-4

我有一个网站，我想在其中更改某些元素之间的空间。我对 CSS 了解不多。我是它的新手。你可以在这里看到这个网站。这现在是一个临时域名：timepasssite.hostoi.com。

  1. 我想减少徽标和主菜单之间的空间1...主页..添加一个列表..我必须将它向上移动一小段距离。
  2. 我还想在 Main Menu1 的行中向上移动搜索框。
  3. 我想将精选列表向上移动到地球照片附近 4 px 的距离应该足够了。列表类别移动靠近特色列表 2 px 距离..

谁能指导我如何做到这一点？

这是 Common.css 和 Style.css 文件。

下载Common.css Style.css

图片 ：i.stack.imgur.com/R91fy.jpg

我无法在此处粘贴文件...我不知道如何...请为我下载文件并为我提供解决方案！

4

5 回答 5

2

一般来说，你必须使用margin，padding或者在绝对定位left, top等情况下......

为了减少徽标和主菜单之间的空间，您必须减少（或删除）位于 上的padding-bottomin div#logocss 属性，common.css如下所示：

div#logo {
    padding: 15px 0 0 0;
    text-align: center;
}

对于您的搜索栏，css 包含在父 div 内，内联样式。您必须覆盖top您的 css 文件中的属性，并给它 -50 作为例如值。

现在您有了大致的想法，我认为您可以管理其他问题。

我强烈建议您使用 Firebug（Firefox / Chrome 的扩展）。

随意要求精度。

于 2012-06-29T11:16:51.010 回答
0

我看过你的css。在padding: 7px 10px 10px;菜单和标志之间留出空间，你也提到了高度。减少 padding 和 margin-top 属性。

更好地发布您的代码

于 2012-06-29T11:19:04.787 回答
0

在 common.css 中进行此更改以删除徽标的底部间距 -

div#logo {
    padding: 15px 0 0 0;
    text-align: center;
}
于 2012-06-29T11:15:04.927 回答
0
  1. 2、3

我认为你可以使用margin-top或bottom财产

或者padding

于 2012-06-29T11:15:51.900 回答
0

在 common.css 中，找到这个：

div#logo
{
    /*width: 185px;
    height: 75px;
    float: left;*/
    text-align: center;
    padding:15px 0px;
}

当为属性提供两个值时padding，它们指定顶部/底部和左侧/右侧值。因此，目前在徽标的顶部和底部都应用了 15px 的填充。（见http://www.w3schools.com/cssref/pr_padding.asp。）

padding:15px 0px;将行更改为padding: 15px 0px 0px 0px;- 这会将除顶部之外的所有填充设置为 0，保持在 15 像素。

您应该能够为您的其他查询找到类似的解决方案：在 HTML 中查找容器 id，然后找到该 id 的 CSS。例如，如果特色列表位于 中<div id="featured">，请在 CSS 中查找div#featured，并在那里编辑填充属性。

于 2012-06-29T11:17:58.183 回答