Перейти к публикации
  • 0
Assada

Баги верстки

Вопрос

Assada

Как поправить скачущую разметку меню? Я то с горем-пополам сверстал, но как видно на гифке - все скачет.

 

xjedi.gif

 

Код меню: 

    <center>
      <span class="server_list">
        | <a href="#" id="upd1">CStrike</a> | 
        <a href="#" id="upd2">JMaster</a> | 
        <a href="#" id="upd3">Crystal</a> | 
        <a href="#" id="upd4">Duel</a> | 
        <a href="#" id="upd5">Elegant Duel</a> | 
		<a href="#" id="upd6">Holy</a> | 
		<a href="#" id="upd7">OB</a> |
      </span>
    </center>


Ну и заодно спрошу по другой верстке. Я сверстал (думал помру пока верстал со своей же картинки :) ) для тех чисел что были (по количеству). Если, например, количество боев будет не 4х-значным, а 5ти то все плывет. 

 

Как сейчас: 

o9N2rNs.png

 

Если 5ть знаков:

 

YLcOSLa.png

 

Или же и так нормально выглядит? 

Изменено пользователем Assada

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

3 ответа на этот вопрос

Рекомендованные сообщения

  • 0
proFox

Насчёт первого, меню. Делай по синтаксису:

<ul>
  <li>элемент маркированного списка</li>
</ul>
В интернете полно мануалов насчёт горизонтальной навигации.

 

Убирается вся эта подвижность после того, как задашь width (и для текста можно ещё text-align:center;).

 

Вот тебе очень хороший и простой мануал, где всё расписано ТыЦ.

 

Что касается второй твоей "проблемы", то я бы сделал так: поделил бы на 2 равных контейнера и выравнивал бы текст по левой стороне. А то щас у тебя что на первом скрине, что на втором - текст неровный. Особенно "Боёв", "КПД" и "СУТ". Вроде должны выравниваться одинаково, но нет. Или так задумано? В общем я бы сделал так, как написал.

 

Ну как-то так.

Изменено пользователем proFox

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
Faik

Объясните пожалуйста на счет первого, не вижу там ничего кривого

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
  • 0
proFox
@Faik, ему не нравится, что символы "|" катаются туда сюда :) А так да, с тобой согласен. Подобный вид навигации не так уж и ужасен. Под внешний вид (мониторинга серверов) подходит. Изменено пользователем proFox

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

×