过期域名预定抢注

 找回密碼
 免费注册

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

  [複製鏈接]
發表於 2013-7-4 21:03:42 | 顯示全部樓層 |閱讀模式
本帖最後由 冷夜追風 於 2013-7-5 10:54 編輯 ( r6 _; |' z) A8 I

7 L: w. K, u9 g; b0 v9 u1 s& I* ?大家好,我的網站加了logo以後,就把導航欄擋住了,不知道怎麼處理,有懂的朋友幫我看看,多謝了~~~! B2 p1 O4 N; X' g% \
效果如下:logo的下部擋住了導航欄的一部分,同時logo上部空了出來不好看,請朋友幫我看看...
' r/ h7 [9 T3 o; }0 M9 g2 m" x& W6 [3 V) P' K: u' ?
效果.jpg 3 v! S1 {: g4 `6 K
0 N/ l6 ?9 z# V& Y* B4 q
網址:3721so.com
4 S% T5 x. h6 o; n" {9 _% [---------------------------------------4 o' {9 d% U9 t% N( }
頭部代碼如下:9 n8 f" p2 R+ h! t- X
#header {height:120px; width:960px;}/ T* j5 e+ [+ N! w& \
       
( S% l% X4 h  S8 u' ^        /* HEADER LEFT */
7 n9 V! q8 J* ]$ p  d' G        #headerleft {float:left; width:400px; padding:35px 0px 0px 5px;}& a; x* X7 J( k2 l
        #headerleft h1 a {font-size:32px; color:#e4e4e4; margin-top:20px; }* h, v8 a0 E: k
        .logo {background:url(images/logo.png) no-repeat; width:365px; height:53px;}9 f+ c9 M) C% a
        /* END HEADER LEFT */' F2 a. E" r( D2 r
       
" K) [: }6 Y: d) n! O9 Y7 W$ N$ f        /* HEADER RIGHT */
* {- s) ]9 ~9 @  t, E- g3 D        #headerright {float:right;}
) V# A9 f; d% O- m& s        .topsearch {margin-top:43px;}
# t( b* A7 o! J( ~" ^        .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;}
* H: _; w: J) [0 ^7 }; R3 V" t        .topad {margin-top:32px; width:468px; height:60px;}! r" F0 d8 C1 `! N
        /* END HEADER RIGHT */
8 f# G" H3 `1 R$ C- b  f2 F  m' p$ O       
, u% e2 K4 M; e) S/* END HEADER */+ D. J4 n- m) j# [) h1 p1 N
/ l! Y" e1 j) E7 _5 v: k
發表於 2013-7-4 21:16:18 | 顯示全部樓層
#header {
  A  X0 a5 }* T5 C/ O* |    padding-bottom: 13px;! J; [" T3 \& U  z
}
, A) ^# a, O9 t  u2 E
! `+ u* ?5 E: _" {7 I3 c1 a" j這主題好粗糙.  
9 h/ e4 X4 ^& p$ p% ?. k1 V5 K4 O) a

點評

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

評分

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

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:29:33 | 顯示全部樓層
我向來使用以下樣式來定義logo,好處是css調用,logo大小隨時可以調整,服務器資源佔用少。1 s+ k8 M* f* @* _8 |

6 w6 }* [* i$ Y& w<a href="http://www.luosuo.net/old" id="logo">cnwebmasters</a>* {; p# E6 {- u, Q" T* m( x
8 m" k2 c* n  v% T3 c  u" R
#logo* ~+ T' e; |0 L( ^7 W8 D& @% }
{
" ^8 R/ Y+ D' X2 J9 V7 F, X  ]background:url("/logo.png") no-repeat scroll left top transparent;1 R9 h1 F5 {" g0 z' n) B
color:#FFFFFF;
* |3 k- u2 P: `  ?! Ydisplay:block;' g, P% B( y% G' S1 {7 ~$ `
float:left;* p: q- h8 H& b& M7 |2 }  {0 W0 s
height:33px;
6 Y; Y. k1 h, ^5 P' w  g7 {overflow:hidden;( O7 \: F6 g  U2 }, Z, g$ w/ X
text-align:left;% `- j/ D1 J& Q9 S8 R4 i! L
text-decoration:none;- s3 `! G  L4 _. O$ ?
text-indent:-9999px;
/ x( N/ G! j( i* m2 l. |width:200px
: m4 y9 q) W. b, o) r8 @1 i6 i( ?}. n8 I7 E, |8 c0 {0 w. f# t) [

評分

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

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:44:27 | 顯示全部樓層
你把LOGO做小點嘛~~~~~~~~~~~~~~~~~~! x. M; C2 U: |) V  A: P1 @
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 21:56:48 | 顯示全部樓層
也可以在CSS中加入
% m! g/ R1 m8 J9 b4 F" X  n( i' ]2 T#headerleft a img{width:560px;height:auto}
: ?( g$ ]- G3 ]0 S3 R# ?8 P
' T1 ?9 M8 O* `: m! K) n3 V+ {

點評

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

評分

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

查看全部評分

回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 22:59:39 | 顯示全部樓層
哇靠靠,改下CSS就可以了
% Y# R3 w$ A( A+ t  H" P
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-4 23:32:39 | 顯示全部樓層
用firebug調試一下,大概懂點css就能搞定的+ x" v* ~! L; R/ L, n
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-5 00:02:15 | 顯示全部樓層
應該是改變了CSS,把CSS調整下就行/ ?3 M  o8 |, |; \0 k7 f
回復 给力 爆菊

使用道具 舉報

發表於 2013-7-5 00:05:27 | 顯示全部樓層
哈哈,這個網址真是相當的簡陋,剛弄的吧' a  O8 u2 |& v
回復 给力 爆菊

使用道具 舉報

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

本版積分規則

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

GMT+8, 2024-11-29 15:54

By DZ X3.5

小黑屋

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