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

View File

@ -17,7 +17,7 @@
<li><a href="index.html"> На главную</a></li> <li><a href="index.html"> На главную</a></li>
<li><a href="catalogue.html"> Каталог</a></li> <li><a href="catalogue.html"> Каталог</a></li>
<li><a href="profile.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> </ul>
<hr> <hr>

View File

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

View File

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

View File

@ -16,7 +16,7 @@
<ul class="inlineList"> <ul class="inlineList">
<li><a href="index.html"> На главную</a></li> <li><a href="index.html"> На главную</a></li>
<li><a href="catalogue.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> <li><a href="about.html">О нас</a></li>
</ul> </ul>