免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

標題: [已回答] 繼續求助-logo和導航欄高度問題 [打印本頁]
作者: 一團和氣    時間: 2012-12-26 01:06     標題: 繼續求助-logo和導航欄高度問題

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

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


未命名图片3.png

{:5_124:}

圖片附件: 未命名图片3.png (2012-12-26 01:05, 105.37 KB) / 下載次數 1602
http://sclub.com.tw/discuz/attachment.php?aid=17665&k=d517a002b07ae12e06cbaf5f0ea2cdaf&t=1732309216&sid=4BZ4f4

作者: 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://sclub.com.tw/discuz/) Powered by Discuz! 7.2