Jump to content
  • 0

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

Venner

Asked by Venner,

 Share

Question

Venner Explorer

Venner

Posted
Posted

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>

 

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 1
spdif Explorer

spdif

Posted
Posted

Добрый день! 

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

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

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

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

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

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

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

text-align: center;

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

margin: 0 auto;

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

 

14724e73592b63cd361120737e608ab3-full.pn

...

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing

  • Similar Content

    • ilyamio
      Помощь с javascript и загрузкой данных
      By ilyamio
      Здравствуйте. Имеется рабочий скрипт конвертера валют. https://ilyamio.github.io/currencyconverter/
      Мне необходимо изменить источник загрузки курсов на ЦБ РФ вот по этой ссылке: https://www.cbr.ru/scripts/XML_daily.asp
      А также мне необходимо установить ограничение на количество обращений к сайту ЦБ РФ - 1 раз в сутки. При частом обращении, могут заблокировать.
      Вот в этом js файле находятся настройки конвертера:
      const from_currencyEl = document.getElementById('from_currency'); const from_ammountEl = document.getElementById('from_ammount'); const to_currencyEl = document.getElementById('to_currency'); const to_ammountEl = document.getElementById('to_ammount'); const rateEl = document.getElementById('rate'); const exchange = document.getElementById('exchange'); from_currencyEl.addEventListener('change', calculate); from_ammountEl.addEventListener('input', calculate); to_currencyEl.addEventListener('change', calculate); to_ammountEl.addEventListener('input', calculate); exchange.addEventListener('click', () => { const temp = from_currencyEl.value; from_currencyEl.value = to_currencyEl.value; to_currencyEl.value = temp; calculate(); }); function calculate() { const from_currency = from_currencyEl.value; const to_currency = to_currencyEl.value; fetch(`https://api.exchangerate-api.com/v4/latest/${from_currency}`) .then(res => res.json()) .then(res => { const rate = res.rates[to_currency]; rateEl.innerText = `1 ${from_currency} = ${rate} ${to_currency}` to_ammountEl.value = (from_ammountEl.value * rate).toFixed(2); }) } calculate(); Как мне изменить настройки в этом файле чтобы курсы брались с https://www.cbr.ru/scripts/XML_daily.asp и включить ограничение на количество обращений по ссылке cbr.ru - 1 раз в сутки?
      Заранее спасибо всем, кто хотел помочь с решением этой задачи.
    • Vetal6666
      Я не знаю как "Это" создать многое перепробовал - не получилось.
      By Vetal6666
      Как в верстке создать этот объект?🤔 (Углы по 60 градусов - то есть треугольник равносторонний)
    • gars
      блоки ездят куда-то. Что делать?
      By gars
      Проблема в следующем верстаю макет с PSD шаблона. Использую HTML и CSS. 
      Прописал по порядку блоки Header. nav. main. в коде html. Добавил картинку и ссылки в блок header. открыл браузер что бы отобразить результат. 
      и вижу. что блок main наехал на блок header.
      Вопрос: почему так получилось. Ведь одно из свойств блочных тегов - они начинаются с новой строки и занимают всю доступную ширину. (main. игнорирует свойство и не начинается с новой строки).  как решить и почему произошло?     Заранее благодарю всех за помощь
      Скрин прикрепляю.   
      HTML
      <body> <header> <div class="logo"> <img src="..\matereal\images\logo.png" alt="logotip" class="logo__img"> </div> <nav> <a href="" class="nav" >home</a> <a href="" class="nav" >compane</a> <a href="" class="nav" >servise</a> <a href="" class="nav" >clients</a> <a href="" class="nav" >contacts</a> </nav> </header> <main> <div> <img src="" class="slaider" alt="slaider"> <p class="slaider__text__h1">веб-разработке\практика</p> <p class="slaider__text__h2"></p> </div> </main> <footer> </footer> CSS
      body { margin: 0; } header { margin: 0; border-top: 3px solid black; } .logo { margin:60,0,60,60; float: left; width: 49%; } nav { float: right; margin: 60,60,60,0; width: 51%; }  

    • Рудской
      Помогите с отправкой информации на другую страницу сайта.
      By Рудской
      У меня есть таблица на первой странице сайта
      Вот к примеру она....
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <select name="school" id="schoolContainer"> <option value="Код" selected>Код</option> <option value="10-0">10-0</option> <option value="10-1">10-1</option> <option value="Grandview">Grandview</option> <option value="Festus">Festus</option> <option value="R-7">R-7</option> <option value="Home-Schooled">Home-Schooled</option> </select> <input type="text" id="newSchool"/> <input type="button" id="addSchool" value="Insert"/> Мне нужно чтобы при нажатии на кнопу "Insert", информация которая была введена в поля для ввода отправлялась на другую страницу сайта.
      И каждая новая информация отправлялась, в таблицу, примерно вот такую:
      Пункт 1 | Пункт 2 | Пункт 3 | №1 Купил Завершено Типо, Когда в первой графе выбирают докустим "№1", то этот выбор писался в "Пукт 1". Так же и с остальными, если во второй графе выбирают "Купил" то этот же выбор писался в "Пункт 2... Помогите пожалуйста, никак не могу найти в интернете ответ на сей вопрос...
      Или, если кто-то сможет сделать пример всего это, я буду очень благодарен
    • egor_martynov
      Помогите сделать код карточки. CSS3 и HTML5
      By egor_martynov
      Ребят, помогите сверстать эту карточку, никак не получается поместить иконку и текст в центр и сделать бирюзовый прямоугольник фоном) Буду очень благодарен.
      Картинки и итоговый результат прикрепил внизу



×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept