@Chesterfield25

Как убрать отступ?

Как убрать отступ который на скрине?

60ca20a437e87347151751.png

Style.css

/* Show it is fixed to the top */

html{
  font-size:15px;
}

body {
   
    margin: 0 auto;
    font-family:'Montserrat',sans-serif;
    font-size:1rem;
    color:#2b2a2c;
  }

  .container-fluid {
    padding: 0;
    margin:0 auto;

  }


  a {
    text-align: center;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
  }


  .works__nav {
    display:flex;
    justify-content:center;
    margin-bottom:1.4rem
  }
  .works__nav-link {
    margin:0 1.2rem;
    font-size:.8rem;
    color:rgba(43,42,44,0.7);
    text-decoration:none
  }
  .works__nav-link:hover {
    text-decoration:none
  }

  .hide{
    display:none
  }


index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Funda of Web IT</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="canonical" href="https://getbootstrap.com/docs/5.0/examples/jumbotron/">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <link rel="stylesheet" href="assets/css/style.css">
		

</head>
<body>

<div class="container-fluid" style="background-color: #6000ff;">

<nav class="navbar navbar-expand-md" style="background-color: #6000ff;">
  <div class="container-fluid">
    <a class="navbar-brand" href="/"> <img src="/assets/img/logo.svg" alt="" width="30" height="24" class="d-inline-block align-text-top"></a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
      <ul class="navbar-nav me-auto mb-2 mb-md-0">
        <li class="nav-item">
          <a class="nav-link active" aria-current="page" href="/">Home</a>
        </li>
      </ul>
      <div class="text-end">
         <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#donate">Donate</button>
      </div>
        
    </div>
  </div>
</nav>


<div class="container" style="margin-top:150px;">

<table id="table_format" class="table table-dark">
  <thead class="thead-dark">

      <tr>
        <th>#</th>
        <th>Name</th>
        <th>Currency</th>
        <th>MicroWallet</th>
        <th>Visit</th>
      </tr>

        <?php foreach ($result as $value) { ?>


  
                    <tr>
<td>id</td>
<td><a href="." target="_blank">title</a></td>
<td>title</td>
<td><a href="url" target="_blank">title</a></td>
<td><a class="btn btn-primary" href="url" target="_blank" role="button">View</a></td>
</tr>

<?php } ?>
</thead>
  </table>


  </div>

  

  <footer class="footer fixed-bottom py-3 bg-dark">
  <div class="container-fluid">
    <span class="text-muted">Place sticky footer content here.</span>
  </div>
</footer>


    
</div>

</body>
</html>
  • Вопрос задан
  • 98 просмотров
Решения вопроса 1
ae_ph
@ae_ph
I'm a owl )
Вы могли-бы задать height: 100%; для class="container-fluid"
Тогда ваш фон цвета #6000ff заполнит всё доступное простррансво.
Дело в том, что вы футер прижали к низу.
А с верху у вас есть часть контента, которая не доходит до самого конца.
Если вы зададите боксу class="container-fluid" в который вы всё положили 100% высоту, тогда я думаю вы получите то, что вы хотите.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы