another commit

This commit is contained in:
zum 2025-02-15 14:55:37 +04:00
parent 66a962ddbe
commit 8821cd0763
5 changed files with 44 additions and 14 deletions

View File

@ -1,6 +1,15 @@
.centered {
text-align: center;
}
.rowShow{
display: flex;
max-width: 100vw;
max-height: 20vh;
width:100%;
vertical-align: middle;
}
.testElement{
border: 1px black solid;
text-align: center;
@ -8,6 +17,7 @@
width: 10%;
height: 10%;
padding: 1%;
margin-left:20px;
}
.testElement img{
@ -30,4 +40,7 @@ a{
}
a{
color:blue;
}
.active{
color:rgb(226, 101, 43);
}

View File

@ -17,7 +17,7 @@
<li><a href="index.html"> На главную</a></li>
<li><a href="catalogue.html"> Каталог</a></li>
<li><a href="profile.html">Профиль</a></li>
<li><a href="about.html">О нас</a></li>
<li><a href="about.html" class="active">О нас</a></li>
</ul>
<hr>

View File

@ -15,7 +15,7 @@
<hr>
<ul class="inlineList">
<li><a href="index.html"> На главную</a></li>
<li><a href="catalogue.html"> Каталог</a></li>
<li><a href="catalogue.html" class="active"> Каталог</a></li>
<li><a href="profile.html">Профиль</a></li>
<li><a href="about.html">О нас</a></li>
</ul>
@ -45,11 +45,19 @@
<button type="submit">Найти</button>
</form>
<p>Результаты поиска:</p>
<div class="testElement">
<a href="book.html">
<img src="../img/test.jpg" alt="Обложка книги книги">
<p>Название книги</p>
</a>
<div class="rowShow">
<div class="testElement">
<a href="book.html">
<img src="../img/test.jpg" alt="Обложка книги книги">
<p>Название книги</p>
</a>
</div>
<div class="testElement">
<a href="book.html">
<img src="../img/test.jpg" alt="Обложка книги книги">
<p>Название книги</p>
</a>
</div>
</div>
</body>
</html>

View File

@ -15,19 +15,28 @@
<h3 class="centered">Сборник свободных и бесплатных книг</h3>
<hr>
<ul class="inlineList">
<li><a href="index.html"> На главную</a></li>
<li><a href="index.html" class="active"> На главную</a></li>
<li><a href="catalogue.html"> Каталог</a></li>
<li><a href="profile.html">Профиль</a></li>
<li><a href="about.html">О нас</a></li>
</ul>
<hr>
<div class="testElement">
<a href="book.html">
<img src="../img/test.jpg" alt="Обложка книги книги">
<p>Название книги</p>
</a>
<div class="rowShow">
<div class="testElement">
<a href="book.html">
<img src="../img/test.jpg" alt="Обложка книги книги">
<p>Название книги</p>
</a>
</div>
<div class="testElement">
<a href="book.html">
<img src="../img/test.jpg" alt="Обложка книги книги">
<p>Название книги</p>
</a>
</div>
</div>
</body>
</html>

View File

@ -16,7 +16,7 @@
<ul class="inlineList">
<li><a href="index.html"> На главную</a></li>
<li><a href="catalogue.html"> Каталог</a></li>
<li><a href="profile.html">Профиль</a></li>
<li><a href="profile.html" class="active">Профиль</a></li>
<li><a href="about.html">О нас</a></li>
</ul>