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

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

本帖最后由 冷夜追风 于 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;
}

这主题好粗糙.:lol

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

哈哈，这个网址真是相当的简陋，刚弄的吧:(
页: [1]
查看完整版本: 求助！我的网站加了logo后 就把导航栏挡住了