Alena/Figma_itproger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

search

Browse Source
This commit is contained in:
Alena Trushcheva
2026-03-10 21:50:20 +03:00
parent ffca9f3c31
commit dcbf46b4db
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
news.html
View File

@@ -29,7 +29,10 @@
<div class="news_heading"> <div class="news_heading">
<h1 class="news_h1">Lorem Ipsum is simply dummy text of the printing and.</h1> <h1 class="news_h1">Lorem Ipsum is simply dummy text of the printing and.</h1>
<p class="news_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <p class="news_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<form action="" class="news_search"><img class="news_img_search" src="images/Lupa.png" alt=""><input class="input_news" type="text" placeholder="Search"></form> <form action="" class="news_search">
<img class="news_img_search" src="images/Lupa.png" alt="">
<input class="input_news" type="text" placeholder="Search">
</form>
</div> </div>
</div> </div>

14
style.css
View File

@@ -672,13 +672,17 @@ textarea {
padding-bottom: 60px; padding-bottom: 60px;
} }
.news_search { .news_search {
position: relative;
display: inline-block;
} }
.news_img_search { .news_img_search {
vertical-align: middle;
position: absolute; position: absolute;
left: 495px; left: 15px;
top: 361px; top: 50%;
z-index: 1; transform: translateY(-50%);
width: 15px;
height: 15px;
cursor: pointer;
} }
.news_img_search img { .news_img_search img {
height: 15px; height: 15px;
@@ -691,9 +695,9 @@ textarea {
background-color: #1C140F; background-color: #1C140F;
color: #fff; color: #fff;
line-height: 1.8; line-height: 1.8;
border: none;
} }
.input_news input { .input_news input {
position: relative;
} }