Не могу отцентрировать мое меню

Question

Не могу отцентрировать мое меню

0

Я сделал этот код для немного дополнительного изучения, но я не могу сосредоточиться на работе, и я не уверен, что мне нужно так много кода, как будто некоторые должны быть удалены, пожалуйста, помогите!

Если какой-то код нужно отнять, я понимаю, что просто не понимаю, и я чувствую, что все, что я читаю, делает меня более потерянным и просто меняет код без решения :(

#menubar{
    background:#3399CC;
    height:120px;
}

#menubarwrap {
    margin:0 auto;
    width:100%;
}

#navigationbar-main {
    float:left;
    padding:15px;
    color:#000;
    font-size:24px;
    font-weight:bold;
    list-style-type: none;
    margin-bottom:10px;
    text-align:center;
}

#navigationbar-main li {
    margin-right:35px;
    position:relative;
}

#navigationbar-main li a {
    display:block;
    color:#000;
}

#navigationbar-main li ul  {
    display:none;
    z-index:80;
}



.nav-sec {
    display:block;
    font-size:12px;
    font-family: lucida sans unicode;
    font-weight:normal;
    text-align:center;
}

HTML

<body>


 <div id="menubar">
  <div id="menubarwrap">
     <ul id="navigationbar-main">
          <li><a href="">Home</a><span class="nav-sec">Where We Start</span></li>
          <li><a href="">Gallery</a><span class="nav-sec">Pure Beauty</span></li>
          <li><a href="">Contact</a><span class="nav-sec">Come Book</span></li>
          <li><a href="">Features</a><span class="nav-sec">Pure Luxury</span></li>
          <li><a href="">Location</a><span class="nav-sec">Where Are We?</span></li>
          <li><a href="">Rates</a><span class="nav-sec">Price Of Love</span></li>
      </ul>
  </div>
 </div>


</body>

жаль, что я просто совершенно новый для всего этого

Joel 20 март 2014, в 07:12

Источник

3

Не могли бы вы вставить свой HTML тоже? Спасибо!
webeno 20 март 2014, в 05:43
0

извини приятель, я думал, что это проблема с CSS
Joel 20 март 2014, в 05:47
0

может быть, но без HTML вы можете делать что угодно с CSS, это не имеет значения
webeno 20 март 2014, в 05:48
0

Я проверил ваш код, и он по центру. Разве вы не ищете, чтобы он выглядел как настоящее меню навигации? это то, что вы ищете? Вот скрипка, которую я создал, чтобы протестировать этот http://jsfiddle.net/vbG5N/
webeno 20 март 2014, в 05:50
0

спасибо за помощь мужчине только что был плохой день на это просто надо больше сосредоточиться спасибо еще раз
Joel 20 март 2014, в 06:02
0

не беспокойся, мужик;)
webeno 20 март 2014, в 06:05

Показать ещё 4 комментария

Теги:

html

css

4 ответа

Ещё вопросы

Не могли бы вы вставить свой HTML тоже? Спасибо!
извини приятель, я думал, что это проблема с CSS
может быть, но без HTML вы можете делать что угодно с CSS, это не имеет значения
Я проверил ваш код, и он по центру. Разве вы не ищете, чтобы он выглядел как настоящее меню навигации? это то, что вы ищете? Вот скрипка, которую я создал, чтобы протестировать этот http://jsfiddle.net/vbG5N/
спасибо за помощь мужчине только что был плохой день на это просто надо больше сосредоточиться спасибо еще раз

Hashir Azad · Answer 1 · 2014-03-20T04-44-00.000Z

измените свой ul css

 #navigationbar-main {
color: #000000;
font-size: 24px;
font-weight: bold;
list-style-type: none;
margin: 0 auto 10px;
padding: 15px;
text-align: center;
width: 1000px;
}

и дать плоский: оставленный для вашего ли

Zword · Answer 2 · 2014-03-20T03-45-00.000Z

Я предоставляю два решения, угадывая, что вам нужно:

Скриншот 1

+ Изменить

#navigationbar-main {
    margin:0px auto;
    /*removed float
    Other styles remain same*/
}

Скриншот 2

+ Изменить

#navigationbar-main li {
    display:inline-block;
    /*Other styles remain same*/
}

спасибо, я, должно быть, только что удалил встроенный блок, потому что он был до того, как это будет плохо, но я думал, что избавился от поплавка, осталось, думаю, не думаю, что я схожу с ума, думаю, что вы так много всех
Рад помочь. Кстати, если это помогло вам принять ответ
Я пытаюсь мне нужно больше репутации мне жаль
Для принятия вам не нужно больше репутации. Репутация необходима для голосования

khaled.imran · Answer 3 · 2014-03-20T04-03-00.000Z

#navigationbar-main {
   width: 100%;
}

Добавьте это в свой CSS,

James · Answer 4 · 2014-03-20T03-18-00.000Z

Если вы пытаетесь центрировать выравнивание #navigationbar-main ul, сделайте это

#navigationbar-main ul{
    float:left /*remove this line*/
}

Это приведет вас к ul в центр страницы по горизонтали.
И если вы хотите выровнять элементы li горизонтали, примените это:

#navigationbar-main li {
    display:inline-block;
}