Hello, I mostly figured it out via Google but I’m stuck on the final step. The search box on my header element leads nowhere. How can I make the box actually function? Dope Gift Ideas is the website and here’s the code:
<h1>
DOPE GIFT IDEAS!
</h1>
<p>
helping you find the dopest gifts to give
</p>
<!– CSS styles for standard search box –>
<style type=”text/css”>
#tfheader{
background-color:none;
}
#tfnewsearch{
float:center;
padding:0px;
}
.tftextinput{
margin: 0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
border:1px solid #0076a3; border-right:0px;
border-top-left-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}
.tfbutton {
margin: 0;
padding: 5px 15px;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
color: #ffffff;
border: solid 1px #0076a3; border-right:0px;
background: #0095cd;
background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
background: -moz-linear-gradient(top, #00adee, #0078a5);
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
}
.tfbutton:hover {
text-decoration: none;
background: #007ead;
background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
background: -moz-linear-gradient(top, #0095cc, #00678e);
}
/* Fixes submit button height problem in Firefox */
.tfbutton::-moz-focus-inner {
border: 0;
}
.tfclear{
clear:both;
}
</style>
</head>
<body>
<!– HTML for SEARCH BAR –>
<form id=”tfnewsearch” method=”get” action=”
https://dopegiftideas.com”>
<input type=”text” class=”tftextinput” name=”q” size=”21″ maxlength=”120″><input type=”submit” value=”search” class=”tfbutton”>
</form>
</body>
</html>