在CSS中更改div标签之间的空间

Question

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

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

有人可以指导我怎么做吗？

以下是Common.css和Style.css文件..

下载Common.css Style.css

图片：

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

Answer 1

一般来说，您必须使用margin，padding或绝对定位，left, top等...

为了缩小徽标与主菜单之间的空间，您必须缩小（或删除）位于padding-bottom的{​​{1}} css属性中的div#logo，因此：

common.css

对于您的搜索栏，css包含在父div内联样式中。您必须覆盖css文件中的div#logo { padding: 15px 0 0 0; text-align: center; } 属性，并将其作为值提供-50。

现在你有了一般的想法，我认为你可以管理你的其他问题。

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

随意询问精确度。

Answer 2

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

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

Answer 3

1. 2,3

我想 您可以使用margin-top或bottom属性

或padding

Answer 4

在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，而顶部则保持为15px。

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

Answer 5

我看到了你的CSS。在padding: 7px 10px 10px;菜单和徽标之间创建空间，你也提到了身高。 减少填充和边缘顶部属性。

更好地发布您的代码