Как добавить 2 таблицы с разными настройками? В чем я ошибся?

Question

Нужно, чтобы внизу где адрес и форма для связи, не было границ у таблицы.

Вроде все проставил. Не выходит. В чем я ошибся?

Вот style.css:

* {
    margin: 0;
    padding: 0;
}
.myGridNoBackground{
      display: grid;
      grid-template-columns: repeat(auto-fill, 260px);
      grid-column-gap: 6px;
      margin-left: 100px;
    }

    .myDivBlueBackground{
      background-color: rgb(236, 247, 251);
      padding: 20px;
    }

    .myDivWhiteBackground{
      background-color: white;
      padding: 20px;
    }

    .myDivHeaderAndFooter{
      background-color: black;
    }

    #content {
      text-indent: 20px;
    }

    .grey {
      color: rgb(121, 121, 121);
      font-size: 125%;
    }

    .bold_text {
      font-weight: bold;
    }

    .aligncenter {
      text-align: center;
    }

    button {
      margin-top: 20px;
      margin-left: 80px;
      line-height: 38px;
      font-size: 93%;
      padding: 0 60px;
      background: white;
      border: 2px solid rgb(112, 182, 234);
      border-radius: 35px;
      
      position: relative;
      left: 45%;
      transform: translate(-55%, 0);
    }
    button:hover {
      transition: 0.3s linear; 
      background: rgb(112, 182, 234);
      color: white;
    }

    form {
        padding: 20px;
        margin: 20px;
    }

input {
  border-radius : 35px;
  padding : 10px;
  margin : 10px;
}

table {
      border-collapse: collapse;
      border: 2px solid rgb(200,200,200);
      letter-spacing: 1px;
      font-size: 0.8rem;
    }

    td, th {
      border: 1px solid rgb(190,190,190);
      padding: 10px 20px;
    }

    td {
      text-align: center;
    }

.table.noBorder {
      letter-spacing: 1px;
      font-size: 0.8rem;
      border: none;
    }

.table.noBorder. td {
      text-align: center;
      border: none;
    padding: 10px 20px;
}

.table.noBorder. th {
      text-align: center;
      border: none;
    padding: 10px 20px;
}

    caption {
      padding: 10px;
    }

    .font {
    font-size : 18px;
    }

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

В html такой код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Главная страница</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="style.css">

  <style>

  </style>

</head>

  <body>
    <div class="myDivHeaderAndFooter"><p class="aligncenter"><img src="media/images/logo/UnbrokenTeam.png" alt="Логотип"></p>
    </div>  
<br>
    <div class="myGridNoBackground">
      <P>ПРЕИМУЩЕСТВА ЮРИДИЧЕСКОГО ОБСЛУЖИВАНИЯ НА АУТСОРСИНГЕ</p>
        <p>ЧТО ПРЕДЛАГАЮ ВАМ Я?</p>
        <p class="aligncenter">ПЛАТИТЕ ТОЛЬКО ЗА РАБОТУ!</p>
        <p class="aligncenter">О НАС</p>
        <p>8(914)270-05-33 (ватсап)</p>
      </div>

      <h2 class="aligncenter">ЮРИДИЧЕСКОЕ ОБСЛУЖИВАНИЕ НА АУТОСОРСИНГЕ</h2>

        <p class="aligncenter"><img src="media/images/woman1.jpg" alt="Фото" width="25%"></p> 
      
      <p class="aligncenter"><b>Здравствуйте, меня зовут Лана.</b><br>Мы предоставляем юридическое обслуживание на аутсорсинге.</p>

         <form id="noTableBorder" action="https://unbrokenteam.ru/pages/legal-services.html" target="_blank">
   <button class="noTableBorder button">УСЛУГИ</button>
  </form>

      <h2 class="aligncenter"><br><br>ПРЕИМУЩЕСТВА ЮРИДИЧЕСКОГО ОБСЛУЖИВАНИЯ НА АУТСОРСИНГЕ</h2>
      <p class="aligncenter"><img src="media\images\line.png" alt="Линия"></p>
      <div class="myDivWhiteBackground"><div class="grey"><p>Почему аутсорсинг выгоден?</p>
        <ul>
          <li>Юридическому лицу ежедневно приходится сталкиваться с решением различных правовых задач: разработкой локальных актов, проверкой и ведением договоров, претензионной работой, внесением изменений в учредительные документы, трудовыми спорами, проверками со стороны административных органов государства и прочим.</li>
          <li>Штатным юристам весьма проблематично охватить все сферы юриспруденции. К тому же, содержать большой юридический отдел дорого. Заключив договор на аутсорсинг, вы будете уверены в том, что все задачи будут решены при максимальной рентабельности и наиболее эффективно.</li>
          <li>Собственный юридический персонал требует до 45% дополнительных выплат в ПФ РФ, ФОМС РФ, ФСС РФ.  Юрист на аутсорсинге освободит юридическое лицо от этих расходов.</li>
          <li>...</li>
          </ul>
           <form action="https://unbrokenteam.ru/pages/legal-services.html" target="_blank">
   <button class="noTableBorder button">ПОДРОБНЕЕ</button>
  </form>
        
      </div>
      </div>  

      <h2 class="aligncenter"><br><br>ЧТО ПРЕДЛАГАЮ ВАМ Я?</h2>
      <p class="aligncenter"><img src="media\images\line.png" alt="Линия"></p>
      <div class="myDivBlueBackground"><div class="grey"><p>Большинство юридических фирм предлагает тарифы на юридическое обслуживание, которыми предусмотрен определенный перечень услуг за определенную сумму. Например, тариф в 15 000 рублей за 3 консультации, 3 договора, 2 претензии, 1 внесение изменений в ЕГРЮЛ и 1 выезд юриста. И даже если Вы не воспользовались этими услугами все равно придётся заплатить. 
      <p>Я предлагаю Вам выбирать и использовать те услуги, которые Вам реально нужны здесь и сейчас. Если Вы не пользуетесь моими услугами, то и платить соответственно не нужно.</p> 
      <p>Кроме того, компаниям, заключившим договор на юридическое обслуживание, предоставляется скидка в размере 10% на иные услуги (например, участие в переговорах, защита в суде и.т.п.).</p>
      <p><strong>Платите только за работу!</strong></p>
      </div>
      </div>

       <h2 class="aligncenter"><br><br>ЧТО МЫ ДЕЛАЕМ</h2>
      <p class="aligncenter"><img src="media\images\line.png" alt="Линия"></p>
      <div class="myDivWhiteBackground"><div class="grey">
        <ul>
          <li>Составление договора, правовой анализ договора, юридический аудит договорной документации.</li>
          <li>Составление и направление претензии, ответа на претензию, жалобы.</li>
          <li>Правовой анализ документа (за исключением договора).</li>
          <li>Устная консультация.</li>
          <li>Фактическое взыскание денежных средств по исполнительному листу.</li>
        </ul>

         <form action="https://unbrokenteam.ru/pages/legal-services.html" target="_blank">
   <button class="noTableBorder button">ПОДРОБНЕЕ</button>
  </form>

      </div>
    </div>

<table class="noBorder" id="sidebar">
  <tr>
    <td class="noBorder .td">
  <p><div class="myDivBlueBackground"><br><br><br><br>Связаться с нами
<p>Телефон</p>
<p>Режим работы</p>
<p>Адрес</p>
<p>Почта</div></p>
    </td>
    <td class="noBorder .td">
<p class="aligncenter"><form>
    <h2 class="aligncenter">ДАВАЙТЕ ОБСУДИМ ВАШ ПРОЕКТ</h2>
    <p class="alignleft"><img src="media\images\line.png" alt="Линия"></p>
    <input type="text" name="name" placeholder="Ваше имя" style="width:100%" required /><br />
    <input type="text" name="phone" placeholder="Ваш телефон" style="width:100%" required /><br />
    <input type="text" name="email" placeholder="Ваш email" style="width:100%" required /><br />
    <button class="noTableBorder button">ОТПРАВИТЬ ЗАЯВКУ</button>
  </form>

  <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
  <script src="common.js"></script>
</p>
    </td>
  </tr>
</table>
    <br>
    <div class="myDivHeaderAndFooter"><p><br><br><br><br><br>Текст</p>
    </div>  

    </body>
</html>

Answer 1

Если правильно понял задачу, вот так

style.css - 86 строка

td {
  text-align: center;
  border: none;
}

style.css - 91 строка

table.noBorder {
    letter-spacing: 1px;
    font-size: 0.8rem;
    border: none;
}

БЛОГ НА HUSL

Как добавить 2 таблицы с разными настройками? В чем я ошибся?

Ответы (1 шт):