Перейти к публикации
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

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


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

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

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

 

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

 

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

 

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

 

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

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

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


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

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

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


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

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


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

×
×
  • Создать...