求助！我的网站加了logo后就把导航栏挡住了

冷夜追风 · 发表于 2013-7-4 21:03:42

本帖最后由冷夜追风于 2013-7-5 10:54 编辑

大家好，我的网站加了logo以后，就把导航栏挡住了，不知道怎么处理，有懂的朋友帮我看看，多谢了~~~
效果如下：logo的下部挡住了导航栏的一部分，同时logo上部空了出来不好看，请朋友帮我看看...

网址：3721so.com
---------------------------------------
头部代码如下：
#header {height:120px; width:960px;}

/* HEADER LEFT */
#headerleft {float:left; width:400px; padding:35px 0px 0px 5px;}
#headerleft h1 a {font-size:32px; color:#e4e4e4; margin-top:20px; }
.logo {background:url(images/logo.png) no-repeat; width:365px; height:53px;}
/* END HEADER LEFT */

/* HEADER RIGHT */
#headerright {float:right;}
.topsearch {margin-top:43px;}
.searchinput {background:url(images/search_bg.jpg) no-repeat; width:150px; height:36px; line-height:36px; border:none; padding:0 30px 0 10px; color:#979797; font-style:italic;}
.topad {margin-top:32px; width:468px; height:60px;}
/* END HEADER RIGHT */

/* END HEADER */

luguokankan · 发表于 2013-7-4 21:16:18

#header {
padding-bottom: 13px;
}

这主题好粗糙.

bluebox · 发表于 2013-7-4 21:29:33

我向来使用以下样式来定义logo，好处是css调用，logo大小随时可以调整，服务器资源占用少。

<a href="http://www.cnwebmasters.com" id="logo">cnwebmasters</a>

#logo
{
background:url("/logo.png") no-repeat scroll left top transparent;
color:#FFFFFF;
display:block;
float:left;
height:33px;
overflow:hidden;
text-align:left;
text-decoration:none;
text-indent:-9999px;
width:200px
}

嗯嗯 · 发表于 2013-7-4 21:44:27

你把LOGO做小点嘛~~~~~~~~~~~~~~~~~~

etkids · 发表于 2013-7-4 21:56:48

也可以在CSS中加入
#headerleft a img{width:560px;height:auto}

richboy518 · 发表于 2013-7-4 22:59:39

哇靠靠，改下CSS就可以了

Neoman · 发表于 2013-7-4 23:32:39

用firebug调试一下，大概懂点css就能搞定的

wang201205 · 发表于 2013-7-5 00:02:15

应该是改变了CSS，把CSS调整下就行

池边的猫 · 发表于 2013-7-5 00:05:27

哈哈，这个网址真是相当的简陋，刚弄的吧

求助！我的网站加了logo后就把导航栏挡住了

本帖子中包含更多资源

点评

评分

评分

点评

评分

求助！我的网站加了logo后 就把导航栏挡住了

本帖子中包含更多资源

点评

评分

评分

点评

评分

求助！我的网站加了logo后就把导航栏挡住了