Список стиле типа: нет; Не работает второй раз используется в коде - PullRequest
0 голосов
/ 24 марта 2020

Я впервые работаю с css / html над проектом. Я хочу сделать список в моем нижнем колонтитуле, и команда типа стиля списка не работает, в то время как в моей навигации она работает просто отлично. Как я могу решить эту проблему? Он работает только в первом списке, который я использую, после этого я не могу заставить его работать.

.footer-row{
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 10px;
  border: 1px solid black;
  padding-top:2%;
}

.footer-column{
  display: table-cell;
  border: 1px solid black;
  list-style: none;
}
         
<div class="footer-row">
  <div class="footer-column">
    <ul class:"footer-ul">
      <li>opening</li>
    </ul>
  </div>
  <div class="footer-column">
    <ul class:"footer-ul">
      <li>Contact</li>
    </ul >
  </div>
  <div class="footer-column">
   <ul class:"footer-ul">
     <li>something</li>
   </ul>
  </div>
</div>    
    

Ответы [ 2 ]

0 голосов
/ 24 марта 2020

.footer-row{
    display: table;
    width: 100%;
    
    border-spacing: 10px;
    border: 1px solid black;
    padding-top:2%;

    }

     ul{
     
   display:flex;
   border: 1px solid black;
   list-style: none;
   justify-content:space-evenly;
 }
 
 li{
 border:solid 1px black;
 padding:10px;
 margin:10px;
 }
<div class="footer-row">
          <div class="footer-column">
            <ul class:"footer-ul">
              <li>opening</li>
              <li>Contact</li>
              <li>something</li>
            </ul>
          </div>
          
        </div>
0 голосов
/ 24 марта 2020

Вот пример:

.footer-row {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-spacing: 10px;
  border: 1px solid black;
  padding-top: 2%;
}

.footer-column {
  display: table-cell;
  border: 1px solid black;
  list-style: none;
}

.footer-column ul {
  list-style: none;
}
<div class="footer-row">
  <div class="footer-column">
    <ul class="footer-ul">
      <li>opening</li>
    </ul>
  </div>
  <div class="footer-column">
    <ul class="footer-ul">
      <li>Contact</li>
    </ul>
  </div>
  <div class="footer-column">
    <ul class="footer-ul">
      <li>something</li>
    </ul>
  </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...