again.
I am stuck with my search bar where it is not the position and the size i had coded in it.
Supposedly the search bar shall be look like in the following link: https://www.w3schools.com/howto/howto_css_searchbar.asp
But eventually, after i typed the coded, the search bar had different size and is not the position i wanted to be. here is the image below:
Your help is much appreciated as i am still learning in this programming languages.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="footer.php">
<!-- ---------------------------------------START OF CSS -------------------------------- -->
<style>
/*----------------------START OF CSS PAGE BACKGROUND-----------------*/
body {
background-color: white;
font-size: 20px;
margin: 0;
}
/*----------------------END OF CSS PAGE BACKGROUND-----------------*/
/*----------------------START OF CSS STICKY NAVBAR AND DROPDOWN BUTTONS-----------------*/
ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
/* overflow: hidden; */
background-color: #38444d;
min-height: 45px;
position: -webkit-sticky;
/*Safari */
position: sticky;
top: 0;
}
1 Answer