过期域名预定抢注

 找回密碼
 免费注册

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

  [複製鏈接]
發表於 2013-7-4 21:03:42 | 顯示全部樓層 |閱讀模式
本帖最後由 冷夜追風 於 2013-7-5 10:54 編輯
. {: @1 R1 ~. q) _: }. B5 h
. q) v9 S' k' X3 u4 r9 a/ S大家好,我的網站加了logo以後,就把導航欄擋住了,不知道怎麼處理,有懂的朋友幫我看看,多謝了~~~' w) M, y, k. J, Z; Z. s' s
效果如下:logo的下部擋住了導航欄的一部分,同時logo上部空了出來不好看,請朋友幫我看看...2 Q2 k) n; Z3 k0 w! _* \

# r5 U; l  X5 B" s5 a 效果.jpg ( e/ g; _0 G& f; j3 i

0 c2 ~6 m7 r* d網址:3721so.com  N0 ]. n# V% m
---------------------------------------4 r, C- M& b6 @+ R$ r
頭部代碼如下:
: W( Z" T0 X8 ?) p9 s. ^#header {height:120px; width:960px;}0 _2 n' \- J* R  z& ?9 {8 O9 H
        6 B! U6 W! j2 J& ]2 A4 T" b
        /* HEADER LEFT */
/ [) {# {8 @$ F+ k        #headerleft {float:left; width:400px; padding:35px 0px 0px 5px;}
- y4 [$ P+ B6 Q2 O4 c5 f& Y        #headerleft h1 a {font-size:32px; color:#e4e4e4; margin-top:20px; }8 B2 D4 d7 Y  S8 E
        .logo {background:url(images/logo.png) no-repeat; width:365px; height:53px;}
# i9 c& B* ~, w( h/ }5 Q- n8 u        /* END HEADER LEFT */" u8 G1 Q% q( O8 I
       
4 r) s, {# C' [; C9 T$ w        /* HEADER RIGHT */( b3 I6 P) |1 N0 q+ W
        #headerright {float:right;}
! p( P: ~7 g6 w" w- B6 R        .topsearch {margin-top:43px;}
7 e4 x/ H1 F- p/ w        .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;}
2 b' ~5 k% C- E; V; k        .topad {margin-top:32px; width:468px; height:60px;}
8 k9 Z& V0 U8 f4 ^* o/ ?' f        /* END HEADER RIGHT */
% _2 {3 G: s' v  g$ Z       
. x6 c) |5 K- c- t$ g9 ^+ ]9 D. H, V5 h/* END HEADER */0 ]& \+ g- u; U0 g! M# i$ h0 H
# `! G& x. W6 T3 u; y0 H
發表於 2013-7-4 21:16:18 | 顯示全部樓層
#header {9 N5 @( K  V! A
    padding-bottom: 13px;/ |% v4 c5 f( v3 [. b* M5 p
}0 z' \+ Y' t& N) D2 V8 [
: K% T$ K7 L6 |) ]! G+ L' S
這主題好粗糙.  
9 ~& G) c. y/ F( a" p

點評

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

評分

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

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:29:33 | 顯示全部樓層
我向來使用以下樣式來定義logo,好處是css調用,logo大小隨時可以調整,服務器資源佔用少。
' x- e! v1 ^1 C% F- R& w1 A& E& N- u: }$ l  L, e0 J/ N: n
<a href="http://www.luosuo.net/old" id="logo">cnwebmasters</a>8 Y4 R  c2 F8 D% L( q; T4 X( A
9 {7 u$ O; W! v. {) ~
#logo2 \' V6 ]8 ~: x9 }8 `( g
{
+ v! ^' J: Y8 u8 Bbackground:url("/logo.png") no-repeat scroll left top transparent;
. C6 D$ N) Q1 e( W+ w$ K: M# Wcolor:#FFFFFF;. W0 y( r) m1 M
display:block;6 K: X3 G0 V& M  `6 u" y! `
float:left;7 Q0 P/ Y* g5 G4 t9 G  N9 `
height:33px;( |$ U8 V, ~6 C1 t8 |0 g
overflow:hidden;+ Y* O  j, i: E6 m
text-align:left;2 Q9 l/ B4 |6 L- q- w+ }& E
text-decoration:none;/ r* l, I) D% c. e3 s) f" L
text-indent:-9999px;9 P1 j$ S6 s3 `) X" ]
width:200px
4 {" p) c" s( m& o3 S8 |5 |# z2 _}% K2 f% ?, ?* z3 M" r

評分

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

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:44:27 | 顯示全部樓層
你把LOGO做小點嘛~~~~~~~~~~~~~~~~~~
* m2 ^+ Q9 g3 `$ x. b
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:56:48 | 顯示全部樓層
也可以在CSS中加入4 _# N4 n; j: T" p8 ~
#headerleft a img{width:560px;height:auto}
2 ^% J5 C) o$ K) a% P
, E% U6 Q. j# R

點評

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

評分

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

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 22:59:39 | 顯示全部樓層
哇靠靠,改下CSS就可以了
0 a& C* ]; C4 k: v+ r5 X
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 23:32:39 | 顯示全部樓層
用firebug調試一下,大概懂點css就能搞定的
' L& h# h' R6 L+ d9 l' m
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-5 00:02:15 | 顯示全部樓層
應該是改變了CSS,把CSS調整下就行2 o* D# Y, `0 t- O  P1 ^$ o, s
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-5 00:05:27 | 顯示全部樓層
哈哈,這個網址真是相當的簡陋,剛弄的吧- l3 I& d! P8 b8 g' E. }  D
回復 给力 爆菊

使用道具 舉報

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

本版積分規則

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

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

GMT+8, 2024-11-26 02:47

By DZ X3.5

小黑屋

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