Nav Bar с Div 1

хочет сделать Бар Nav с дивами, но 1 не знают, как поставить ссылки бока о боке. Любой бы готовы помочь и/или объяснить мне? Добавление наполнителя слова, потому что он не будет препятствовать мне позже. , К использованию которого он был выбран для Lorem Ipsum, морской соли, что компания собирается вместе. Нет nostrud не стремиться к еще. Для ровного слоя примерно, с тех пор собственного удовольствия. Латинский или трудовой день. Просто усугубляются с присуждением силой, которая есть. Его нас, расширил для того, чтобы быть в состоянии моря видели, что даже если сила вопроса не. Есть ли свободная энергия два наследственных Consetetur, и как эти два человека.Nav Bar с Div 1

OPTIONS радости назвали это ее счет организацией производством футбола. Он увидел, спас сумку к нему. Не заставляйте либо решить некоторые лидеры права осуществлять их. Право передать его на вечность, а не справа от обязанностей теста, так что право рабыни и положил прочь. Море и требует точного, tritani concludaturque к нему.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>My website</title> 
<link rel="stylesheet" type="text/css" href="../Web Design 3/stylesheet.css" /> 
</head> 

<body> 
    <div class="headbar"> 
     <div class="navigation"> 
      <div class="Home"><a href="#">Home</a></div> 
      <div class="About"><a href="#">About</a></div> 
      <div class="Products"><a href="#">Products</a></div> 
      <div class="Contact"><a href="#">Contact</a></div> 
     </div> 
     <div class="logo"> 

     </div> 
    </div> 
</body> 
</html>

CSS

@charset "UTF-8"; 
/* Stylesheet */ 

* { 
    padding: 0px; 
    margin: 0px; 
} 

.headbar { 
    width: 100%; 
    height: 75px; 
    background: black; 
    opacity: 0.5; 
} 

.navigation { 
    float:right; 
    height: 50px; 
    width: 500px; 
    top: 6.5px; 
} 

.Home { 
    height: 50px; 
}

источник

2015-07-24 user5151319

Итак, вы хотите навигационную панель со ссылками в одной строке? –

Добавить

.navigation div 
{ 
    display:inline; 
}

скрипку: https://jsfiddle.net/peb55sza/

источник

2015-07-24 08:12:03

спасибо :) оба ваши комментарии работало – user5151319

-1 рад, что вы помогли. –

Если вы хотите простой навигационной панели затем использовать этот код.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>My website</title> 
<style> 
    @charset "UTF-8"; 
/* Stylesheet */ 

* { 
    padding: 0px; 
    margin: 0px; 
} 

.headbar { 
    width: 100%; 
    height: 75px; 
    background: black; 
    opacity: 0.5; 
} 

.navigation { 
    float:right; 
    height: 75px; 
    line-height:75px; 
    width: 500px; 
} 

.navigation div { float:left;display:block; width:15%;height:50px;} 
.navigation div a {color:#fff;display:block;} 
</style> 
</head> 

<body> 
    <div class="headbar"> 
     <div class="navigation"> 
      <div class="Home"><a href="#">Home</a></div> 
      <div class="About"><a href="#">About</a></div> 
      <div class="Products"><a href="#">Products</a></div> 
      <div class="Contact"><a href="#">Contact</a></div> 
     </div> 
     <div class="logo"> 

     </div> 
    </div> 
</body> 
</html>

Я только что обновил свой code..copy и прошлое, и он будет work..let мне знать, если у вас есть больше question..be в виду, его просто основной structure..hope я мог бы помочь.

источник

2015-07-24 08:16:56

Спасибо :) оба ваши комментарии woked – user5151319

Nav Bar с Div 1

ответ

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