Venner

Текст не находится по центру кнопки, хотя должен

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

image.thumb.png.4aee3169c5f63b4caa7073f3426c69dc.png

На главной странице сделал небольшое меню, для того что бы пользователям было проще сразу перейти к нужной странице, но текст почему-то смещён немного вправо, хотя тег <center> присутсвует

<center>
                <div id="navigation">
                  <a href="pages\news.html">Новости</a>
                  <a href="pages\story.html">Лор</a>
				  <a href="pages\forum.html">Чат</a>
                  <a href="pages\materials.html">Материалы</a>
                  <a href="https://worldofwarcraft.com" target="_blank">Сайт World Of Warcraft</a>  
                  <a href="https://www.blizzard.com" target="_blank">Сайт Blizzard</a>
                  <a href="pages\about.html">О сайте</a> 
                  </center>
                    <p></p>
                </div>

 

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


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

Добрый день! 

Во первых всегда соблюдайте порядок вложенности элементов! 

в вашем примере Вы закрыли элемент center раньше чем элемент div 

в том редакторе в котором делаете, неужели нет подсветки таких ошибок? 

Далее:  <center> это устаревший элемент! Старайтесь избегать его использования.

Хотя он все еще может работать в некоторых браузерах, его использование не рекомендуется,

поскольку его могут удалить в любое время. Используйте свойства CSS, например: 

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

text-align: center;

    чтобы выровнять сам элемент по горизонтали по центру, используйте 

margin: 0 auto;

    так что убирайте элемент  <center> без него все норм центруется, пример ниже.

 

14724e73592b63cd361120737e608ab3-full.pn

...

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


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

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: egor_martynov
      Ребят, помогите сверстать эту карточку, никак не получается поместить иконку и текст в центр и сделать бирюзовый прямоугольник фоном) Буду очень благодарен.
      Картинки и итоговый результат прикрепил внизу



    • Автор: wavelolmu
      Всем привет!

      Мне нужно сделать горизонтальное меню посередине страницы. Я его сделал и через <ul>, при этом width 100% и margin 0, но почему-то слева возник отступ от края страницы. Градиент на заднем плане - это background-image, и там болжны быть белые отступы, потому что картинка такая, а отступ у меню быть не должен..
      Не подскажите, как это исправить?  Код и скриншоты прилагаю.
       
      <body> <div class="topnav"> <ul> <li ><a href="default.asp" id="first">Л1</a></li> <li><a href="news.asp" id="second">Ф2</a></li> <li><a href="contact.asp" id="third">С3</a></li> <li><a href="about.asp" id="fourth">О4</a></li> </ul> </div> </body> body { background-image: url("https://sun1-20.userapi.com/c830108/v830108125/1c35a9/gYiNRO0w7sw.jpg"); background-size: cover; } .topnav { margin: 0 auto; } ul { list-style-type: none; position: absolute; margin: 0 auto; margin-top:23.5%; padding: 0 ; overflow: hidden; height: 83px; width: 100%; } li { float: left; display: inline; } li a { display: block; text-align: center; padding: 24px 34px; }  

    • Автор: Aliona108
      Проблема со слайдером. При заходе на стартовою страницу  слайдер ведет себя не корректно. Посмотрите пожалуйста в чем проблема.. Скину архив всего сайта, чтобы была понятна проблема целиком. 
      Проект первый Низовцева Алена.7z
  • Статистика пользователей

    46 180
    Всего пользователей
    3 128
    Рекорд онлайна
    evgengold
    Новый пользователь
    evgengold
    Регистрация
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.