免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [已回答] 繼續求助-logo和導航欄高度問題 [打印本頁]

作者: 一團和氣    時間: 2012-12-26 01:06     標題: 繼續求助-logo和導航欄高度問題

本帖最後由 一團和氣 於 2012-12-26 01:10 編輯

頁頭高度問題解決了,現在出現logo和導航欄高度問題,logo高度沒有自動居中,導航欄也沒有自動跟隨分欄綫,見圖,再求助。謝謝!


未命名图片3.png
2012-12-26 01:05


{:5_124:}

圖片附件: 未命名图片3.png (2012-12-26 01:05, 105.37 KB) / 下載次數 13
http://joinbbs.net/discuz/attachment.php?aid=17665&k=0b443adb4e21e1403bd6a4d353c271a1&t=1586384346&sid=VvF2kv


作者: ALB3RT    時間: 2012-12-26 08:57

<style>
#menu{margin-top:20px};
#header h2{margin-top:20px};
</style>

放在第三方代码那,建议你去了解css代码。受益无穷哦。
作者: 章鱼    時間: 2012-12-26 10:34

楼上正解,建议楼主自学一些简单的css
作者: 一團和氣    時間: 2012-12-26 14:51

謝謝兩位!
嗯,我會去學習一下的,受教。

作者: 一團和氣    時間: 2012-12-26 18:55

回復 2# ALB3RT


     ALB3RT和章魚大大好!我加了你給的代碼發現logo和導航欄都同時降下了,logo的高度上下沒有辦法單獨調整。
     但發現代碼#menu{margin-top:20px};這句好象有沒有都可以,沒有反應出變化。
     只要#header h2{margin-top:20px};一句可以,logo和導航欄同時下降,所以問題又來了,logo的高度沒有辦法單獨調整。


     請再教我一下,問題出在哪裏?感謝!
     
     {:5_132:}
作者: 章鱼    時間: 2012-12-27 10:40

回復 5# 一團和氣


   
因为导航条的position是absolute嘛
所以正确的代码
  1. <style>#header h2{margin:0 20px 0 20px;}</style>
複製代碼

作者: 一團和氣    時間: 2012-12-27 14:46

本帖最後由 一團和氣 於 2012-12-27 14:48 編輯

回復 6# 章鱼

謝謝章魚大大!   

我學習了,終于明白了。我也開始學CSS了,活到老,學到老。嘻嘻。

    {:5_160:}
  
     1.如果margin只有三個值,按照值的順序為margin:top right bottom; 缺少了left,根據原則,則left的值有right來代替。
        margin:10px 20px 30px;就等於margin:10px 20px 30px 20px;
     2.如果margin只有兩個值,按照值的順序為margin:top right; 缺少了bottom和left,根據原則left的值由right來代替, bottm的值由top來代替。
        margin:10px 20px;就等於margin:10px 20px 10px 20px;
     3.如果margin只有一個值,按照值的順序為margin:top; 缺少了bottom、left和right,根據原則left的值由right來代替,bottom的值由top來代替,right的值右top來代替,也就是說left的值也由top來代替。 margin:10px;就等於margin:10px 10px 10px 10px;

作者: 章鱼    時間: 2012-12-27 16:01

回復 7# 一團和氣


   
对的,自己动手,丰衣足食!
作者: 小枫    時間: 2013-1-1 13:56

……logo大小改一下不就可以了么。。
作者: 一團和氣    時間: 2013-1-3 14:27

回復 9# 小枫


    謝謝,已解決,非logo大小問題,而是logo和導航欄的相對位置的設定。




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://joinbbs.net/discuz/) Powered by Discuz! 7.2