ロゴ付きのナビゲーションバー

-5

ロゴに合わせてナビのヘルプが必要です。基本的にロゴと通貨ボタンの間にあります。ロゴ付きのナビゲーションバー

divと多くのcss調整を使いこなすのではなく、簡単に達成する方法はありますか？

私のhtmlに関する知識はかなり基本的なものなので、ここで助けを求めています。ありがとう！ここで

<header class="main-header"> 

<div class="bg" style="display: none;"></div> 

<div class="row top"> 

<div class="columns"> 

<div class="search-account columns"> 

</div> 

<div class="bottom-row"> 

<div class="row"> 

</div> 

<div class="main-menu-dropdown-panel"> 

<div class="row"> </div> 

</div> 

<div class="mobile-menu"> 

<div class="row"> 

</header>

出典

2016-04-16 Emile

あなたのコードを共有することはできますか？私たちはあなたを助けるためにいくつかのHTMLとCSSが必要です！ –

は、使用できる基本的なテンプレートです。

header h1, 
 
ul, 
 
li { 
 
    display: inline-block; 
 
} 
 
ul { 
 
    float: right; 
 
} 
 
body { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 
h1 { 
 
    margin: 0 0 0 10px; 
 
    font-family: verdana; 
 
    font-weight: 100; 
 
} 
 
a { 
 
    text-decoration: none; 
 
    color: black; 
 
    margin-right: 10px; 
 
    font-family: arial; 
 
    font-weight: 100; 
 
} 
 
a:hover { 
 
    color: orange; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title></title> 
 
</head> 
 

 
<body> 
 
    <header> 
 
    <img src="logo.png" alt="logo"> 
 
    <h1>Heading</h1> 
 
    <ul> 
 
     <li><a href="#">Link 1</a> 
 
     </li> 
 
     <li><a href="#">Link 2</a> 
 
     </li> 
 
     <li><a href="#">Link 3</a> 
 
     </li> 
 
     <li><a href="#">Link 4</a> 
 
     </li> 
 
    </ul> 
 
    </header> 
 
</body> 
 

 
</html>

出典

2016-05-02 17:17:17 Rishi

ロゴ付きのナビゲーションバー

答えて

関連する問題