Навигационная панель в соответствии с логотипом

-5

Мне нужна помощь в навигации, чтобы она соответствовала логотипу. В основном между логотипом и кнопкой валюты.Навигационная панель в соответствии с логотипом

Есть ли простой способ достичь этого, вместо того чтобы возиться с div и многими настройками css?

Мои знания о html довольно простые, поэтому ищите помощь здесь. Благодаря!

header

<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

Навигационная панель в соответствии с логотипом

ответ

Смежные вопросы