2017-02-13 22 views
0

問題如何在標誌的頂部留出空間

形象標誌和菜單雖然我指定的margin-top之間沒有空格:20px的?

其實我需要表現出充分的標誌,你看到的標誌切割

標誌問題

I need leave small space between logo image and menu

我的小提琴如下工作:

https://jsfiddle.net/ahmedsa/z2pmwsnr/

我需要修改小提琴離開徽標圖像和菜單之間的空間。

形象標誌

http://www.mediafire.com/view/qd5otyc1w9yv5e9/logo.png

我的代碼

ul { 
    border-top: 4px solid red; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    background-color: #333; 
    position: fixed; /* Set the navbar to fixed position */ 
    top: 0; /* Position the navbar at the top of the page */ 
    width: 100%; /* Full width */ 

} 

li { 
    float: right; 
} 

li a { 
    color: white; 
    padding: 16px; 
    text-decoration: none; 
} 
li i{ 

    color:white; 
} 
.w3ls_header_middle { 
    padding: 0 0; 
    padding-top:30px 

} 
.agileits_logo{ 
    float:right; 
    margin-right:0em; 
    margin-top:20px 



} 
+0

將'padding-top'添加到'.agileits_logo'會使它正確。但我不建議你使用'float:right'。 –

+0

感謝您的回覆我添加padding-top:30px; .agileits_logo –

+0

但也沒有什麼改變,請幫助我 –

回答

0

我看不出這裏有什麼錯誤。我增加了margin-top的價值,它工作正常。

.agileits_logo { 
    float:right; 
    margin-right:0em; 
    margin-top:50px; 
} 
相關問題