Jump to content
CMSTOOLS.ru - форум поддержки и развития CMS

Как можно сдвинуть кнопку влево?


Recommended Posts

Здравствуйте!

http://unbrokenteam.ru/

В style.css прописал:

#noTableBorder button {
  left: 0; 
  margin-left: 0;
  transform: none;
  display:  block;
}

На главной странице внизу есть кнопка "Отправить". Применил к ней класс 

<button class="noTableBorder button">Отправить</button>

И все стало норм. Кнопка "Отправить" ушла влево.

А если нужно кнопку "Подробнее" сдвинуть влево, то как здесь применить class="noTableBorder button"? Там код такой:

<script>// 1. Create the button
          var button = document.createElement("button");
          button.innerHTML = "ПОДРОБНЕЕ";
          // 2. Append somewhere
          var body = document.getElementsByTagName("body")[0];
          body.appendChild(button);

          // 3. Add event handler
          button.addEventListener ("click", function() {
          window.location.href = 'https://unbrokenteam.ru/pages/outsourcing.html';
          });

          /* Read 

          https://css-tricks.com/use-button-element/
        */</script>

 

Link to comment
Share on other sites

В 07.05.2022 в 14:26, NaFanyA сказал:

А чего тебе не сделать кнопку "Подробнее" также через html?

Точно. Так и сделал. Спасибо!

А как теперь переместить кнопку на ту же вертикальную линию, что и поля для ввода?

Вот как сейчас

Вот как должно быть

 

Я использую этот класс для кнопки в style.css

.noTableBorder-button {
  left: 0;
  margin-left: 0;
  transform: none;
  display: block;
}

 

index.html style.css

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.

Guest
Reply to this topic...

×   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.

Loading...
 Share

×
×
  • Create New...