过期域名预定抢注

 找回密碼
 免费注册

求助!我的網站加了logo後 就把導航欄擋住了

  [複製鏈接]
發表於 2013-7-4 21:03:42 | 顯示全部樓層 |閱讀模式
本帖最後由 冷夜追風 於 2013-7-5 10:54 編輯
1 ^$ ?  k7 x! K" w1 T6 \# N) k
+ Z. Z' F2 t3 {大家好,我的網站加了logo以後,就把導航欄擋住了,不知道怎麼處理,有懂的朋友幫我看看,多謝了~~~
" _$ [0 ^% N2 |8 n效果如下:logo的下部擋住了導航欄的一部分,同時logo上部空了出來不好看,請朋友幫我看看...# Z( u/ W8 P( T/ J0 e
1 a6 ^5 L, Z. U
效果.jpg
6 E( A. J9 s) B0 L) `& x' t% A) \3 H7 `9 a' ]' [8 \$ j
網址:3721so.com
$ K0 ~6 J4 I: m4 r+ F: W* V% x---------------------------------------
) A  G- \2 F1 ?! @# g! C頭部代碼如下:7 A  H4 A' F- m5 H. e) ?0 `8 R) K
#header {height:120px; width:960px;}  ^* Q4 p0 X' L  P
        # z% k) X: ~% ~; O- b
        /* HEADER LEFT *// Y  @8 c( V3 f% x
        #headerleft {float:left; width:400px; padding:35px 0px 0px 5px;}
, F( f. p# y' L! `' t        #headerleft h1 a {font-size:32px; color:#e4e4e4; margin-top:20px; }
8 S' Z" @9 d( f* s+ V" E( |! |( L        .logo {background:url(images/logo.png) no-repeat; width:365px; height:53px;}
! l& p; o/ C: M8 ^  @/ K        /* END HEADER LEFT *// i; G% f, r  y7 S% o
       
. W. Q% F3 p9 L; R        /* HEADER RIGHT */# N7 t' x5 K6 ]2 J
        #headerright {float:right;}, e5 F4 f- s  s1 A; B  J
        .topsearch {margin-top:43px;}. B, l" X# A8 \+ X) c
        .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;}
# M2 C# D; f( U$ V) J: v        .topad {margin-top:32px; width:468px; height:60px;}( k& x: M6 r+ O- \
        /* END HEADER RIGHT */
# L1 R, V* d3 e+ [# ~. Y        $ \. [3 W7 V9 ?% y/ m( p) C
/* END HEADER */
" ?. M: J/ f$ i! ~, \; |: _0 T+ E# B2 H7 D% o  d0 f
發表於 2013-7-4 21:16:18 | 顯示全部樓層
#header {
! f, |5 n/ j2 Z    padding-bottom: 13px;
6 [: W9 G/ L* ~' K3 ?# E}
  P. X- x8 d9 d/ M. P- n7 f, @& Y  d7 |$ q
這主題好粗糙.  
# T0 a8 Z4 E( @5 M2 q/ d' j

點評

你的底部实现了对齐功能,但是上部还是有空隙,能不能再帮我看看?  發表於 2013-7-5 10:55

評分

參與人數 1點點 +1 收起 理由
冷夜追风 + 1 多谢,你的是底部对齐功能,但是上部还是有.

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:29:33 | 顯示全部樓層
我向來使用以下樣式來定義logo,好處是css調用,logo大小隨時可以調整,服務器資源佔用少。# Y! Y. ~; r" d) j9 {
7 r' p4 [$ u4 h3 C- r5 u; n
<a href="http://www.luosuo.net/old" id="logo">cnwebmasters</a>8 _; t5 q* d! N: B/ M5 P6 X
' s: z7 }8 ~& {. }. V; o. D( u
#logo3 r8 A( Q# y: c$ K% I
{8 N& c% S' R4 n3 F* s1 p5 k
background:url("/logo.png") no-repeat scroll left top transparent;
8 O0 P, U4 K% gcolor:#FFFFFF;
- J. U& v' ^  L3 K, Adisplay:block;2 x/ U( |3 [; @0 k5 K7 b) k+ i
float:left;
3 c: l, t4 b  w, y. I; pheight:33px;5 G& M+ P( j# x* e
overflow:hidden;
! A+ p, l- W3 Ntext-align:left;4 d6 Q  D: t; t0 _4 T- X
text-decoration:none;
: E( `3 O: w# N; e( ~% _, R" L: S; Ntext-indent:-9999px;' L7 s6 g) G. G2 w' w9 o$ M7 L
width:200px  H) z: i% U5 I  v* W
}: C1 R8 e7 f" V- k# w: j

評分

參與人數 1點點 +2 收起 理由
冷夜追风 + 2 多谢,思路很好,虽然这些语言我还不太懂.

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:44:27 | 顯示全部樓層
你把LOGO做小點嘛~~~~~~~~~~~~~~~~~~+ n" e9 Q& Q7 X2 X' `" V$ M
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:56:48 | 顯示全部樓層
也可以在CSS中加入
  x8 Z) ~5 D/ b+ j#headerleft a img{width:560px;height:auto}
2 v; {4 W* G  ]3 b' D# ^( K1 S9 g: `: q

點評

用你这个代码的话 就是左边稍稍有一点不对齐,上面空出来一点,不知道怎么弄了  發表於 2013-7-5 11:14

評分

參與人數 1點點 +1 收起 理由
冷夜追风 + 1 多谢帮助,试着调试了一下,效果稍微好点.

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 22:59:39 | 顯示全部樓層
哇靠靠,改下CSS就可以了* p/ k( A6 {0 j( r
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 23:32:39 | 顯示全部樓層
用firebug調試一下,大概懂點css就能搞定的+ T% V& C1 c9 d' ~  Q
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-5 00:02:15 | 顯示全部樓層
應該是改變了CSS,把CSS調整下就行5 v; o9 ^% f( [( A. k
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-5 00:05:27 | 顯示全部樓層
哈哈,這個網址真是相當的簡陋,剛弄的吧
5 A- U& d  C! Z/ c  G' R2 J0 m
回復 给力 爆菊

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

过期高净值品牌域名预定抢注

4um點基跨境網編創業社區

GMT+8, 2024-11-26 05:39

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表