|
HTML - Can't Align My Search Box And Search Button
I'm trying to have my search box and search button aligned but I can't seem to get it working. Whenever I try to move one vertically, both of them end up moving and I'm all out of ideas.
Here is the code: Code: <script src="http://supportforms.epnet.com/eit/scripts/ebscohostsearch.js" type="text/javascript"></script>
<form action="" method="post" onsubmit="return ebscoHostSearchGo(this);"><input id="ebscohostwindow" name="ebscohostwindow" type="hidden" value="1" /> <input id="ebscohosturl" name="ebscohosturl" type="hidden" value="http://search.ebscohost.com/login.aspx?direct=true&site=ehost-live&scope=site&type=1&custid=S6281220&groupid=Main&profid=EDS&mode=bool&cli0=FR&clv0=Y&cli1=RV&clv1=Y&cli2=PT82&clv2=(PT+Academic+Journal+or+PT+Periodical+or+PT+Trade+Publication)%7e(PT+Book+or+PT+Almanac+or+PT+ebook+or+PT+audiobook)%7e(PT+Newspaper+or+PT+NEWSP+or+PT+Newswire+or+PT+WIRES)&lang=en&authtype=guest" /> <input id="ebscohostsearchsrc" name="ebscohostsearchsrc" type="hidden" value="url" /> <input id="ebscohostsearchmode" name="ebscohostsearchmode" type="hidden" value="+" /> <input id="ebscohostkeywords" name="ebscohostkeywords" type="hidden" value="" />
<div style="background-image: url('http://i.imgur.com/Wjilo.jpg'); background-repeat: no-repeat; width: 900px; height: 600px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9pt; color: #353535;">
<div style="padding-top: 249px; padding-left: 70px;"><span style="font-weight: bold;" ></span>
<div>
<input id="ebscohostsearchtext" name="ebscohostsearchtext" type="text" size="23" style="font-size: 16pt; padding-right: 340px; height: 50px;">
<button type="submit" style="border: 0; background: transparent;"><img src="http://i.imgur.com/nYPoa.png" width="145" hspace="25" alt="submit" />
</div>
</div>
</div>
</form>
Similar TutorialsHi, I am trying to create a search bar & button, where clicking the Search button takes the user to another site with the result of the search. I have the search bar background, and both the search button regular background and background when mouseover. I've tried putting various pieces of code together (found online) but the joint results were not particularly successful. Code: <head>
<title>Website with a search bar</title>
<style type="text/css">
<!--
.fieldHolder {
width: 239px;
height: 24px;
background:url(images/Search_bar.jpg) no-repeat;
float: right;
}
.textInput {
width: 235px;
height: 20px;
background: none;
border: none;
colour: #000000;
margin-top: 5px;
margin-left: 5px;
float: left
}
//-->
</style>
</head>
<body>
<form action="http://www.external_website.com/quicksearch/" method="post" style="margin-top:20px; margin-right:10px">
<div class="fieldHolder">
<input type="text" name="quicksearch" class="textInput"/>
<a href="javascript:document.myform.submit()"
onmouseover="document.myform.sub_but.src='buttons/Search_Button_H.jpg'"
onmouseout="document.myform.sub_but.src='buttons/Search_Button_A.jpg'"
onclick="return val_form_this_page()">
<img src="buttons/Search_Button_A.jpg" width="63" height="24" border="0" alt="Submit this form" name="sub_but" />
</a>
</div>
</form>
</body>
Hi there, I'm a complete HMTL newbie and have been trying to make a basic website. I've got the below code for a search box/button working, but can't figure out how to correctly customise it. I need to replace the grey search button with an image (to perform the same search function still). I'd also like to change the colour of the search box background to grey & the text the user types to white. Any help would be greatly appreciated as I've been going round in circles for a while. HTML Code: <div id="site_search_3" style="position: absolute; top:541px; left:232px; width:250px; height:22px;"> <form onSubmit="return false;" style="margin: 0; padding: 0;"> <input id="site_search_3_input" name="site_search_3_input" onkeypress="if (event.keyCode==13) window.location.href='page2.html?site_se... style="width: 178px; " type="text" > <div style="display: inline"> <button onclick="window.location.href='page2.htm... style="width: 60px; " >Search</button></div> </form></div> For example, this scenario: 1. My page contains the text "giraffes in corduroys" 2. somebody googles that text - either as a phrase or just the words 3. google points them to my page 4. the user clicks to go to my page... Is there any way to determine that it was the text "giraffes in corduroys" which brought them to my page? Would the crux be getting the previous URL in the browser history? Hi, I am wanting to impliment a feature where I can install a search box on my website that will search anothers content. Basically I have two sites, one has thousands of sound effects on it, the other is more of a portal site. On the portal site I want to add a search box that will link into the other sites database so that the user would navigate away from the portal site and be taken to the stabndard search results page of the main site based on thier queory. Is there any code that anyone knows of to do this? Thanks all! Hi...not sure if this is the proper place to post this or not. I'm trying to do two things...first: I'm trying to set up a search box in frame 1 that will search, scroll to and highlight text in frame 2. Is this possible? I've been searching around for days looking for answers, and have so far come up short. I managed to create a search box in frame 1 that reloads frame 2, but that's not really what I'm after. ---------------------------- Now for the second thing I'm looking to do (along the same lines): I want to click a link in frame 1 that scrolls to a target in frame 2 and highlights it. The target is a word in the middle of a paragraph. Any help would be appreciated. I'm pretty green, so treat me like a beginner. Thanks so much! Hi all, I have a query regarding HTML Radio Buttons. On a site I have created I am use radio button to allow visitors to search fot various files. Below is the code I have used. <input type="radio" name="searchIndex" value="HMD01"/> The "HMD01" is a field in my database. The user types in txt into a textbox and when they click a search button a function checks the "HMD01" field to see if any data matches what was in the textbox and displays the results if there are matches. What I am trying to do is that if the search found no matches in that field that it would search another field in the database to find a match. I thought the code would be something like the code below but that did not work. <input type="radio" name="searchIndex" value="HMD01, PRD03"/> The "PRD03" field contains the same type of information as "HMD01" but is stored in a different table. I want to be able to search "HMD01" for a match then search "PRD03" with the same parameters. Any help would be greatly appreciated. Thanks Towsie Hi, I want to make a search box on my website. The thing is that I would like the search bar to be able to search on multiple search engines. For example I can type a movie in the search field and then I can select if I want to search for the movie either on google or on IMDb. I want it to look like this: http://subtext.no/kjartan/charlie/searchbox.png If anyone could help me get this kind of searchbox it would be great. Thanks in reaply. I'm using IE8 to test Hi, I'm trying to add a google search box (in a table) to my web page, but for some reason it the input button links to the page I am currently on. The strange part is that I put the same exact code in another cell right next to the other google search box and that one works wonderfully while the first one still links to the current page. It is the same with any search engine (yahoo, bing, ask), the first search box links to the current page and the rest work great. Here is the code I use: Code: <form method="get" action="http://www.google.com/search">
<input style="width:140px" type="text" name="q" size="31" maxlength="255" value="" /><br />
<input type="submit" value="Google Search" />
</form>
Hello Friends, I have page which is a type of form with many textbox and labels. I have used table for designing this form. How can I use a submit button so that it is placed in the center of the cell at the bottom of the page. In short I need my Submit Button in the center of the page. Please let me know as early as possible. All the inputs I have ever made have been using the simple html
HTML Code: <form><input type='text'> sort of commands, though i have got to the point where i would like to learn how to make a search box like the big one in the middle of the page found at http://www.cafepress.com.au/. How does this search bar work? Hi, I am trying to make a search bar, that when i write a keyword the results appear as videos of video/tube sites like youtube, metacafe.. etc Like i want to add a search bar on my site, when i write a keyword "family" for example, it gives me all the "family" results that youtube, metacafe.. etc would give me .. How can i do that? Am making a useful site to search all in one, I need help please, thanks in advance.. How do I amend the following code to remove everything apart from the actual search box and the 'Google Search' button? When I insert the code into a web page, I don't want to see the radio buttons or the words next to them but I want to keep the functionality. <form method="get" action="http://www.google.com/search"> <input type="text" name="q" size="31" maxlength="255" value="" /> <input type="submit" value="Google Search" /> <input type="radio" name="sitesearch" value="" /> The Web <input type="radio" name="sitesearch" value="askdavetaylor.com" checked /> Ask Dave Taylor<br /> </form> Thanks. What I need is to create two input boxes in html: 1 needs to be a drop down menu 2 the other needs to be a text box From those, the info in the two inputs will be thrown into a new page as the address, along with other information. How can this happen? code is preferred. Hi guys I am making a website for my real estate business; preaty much everything is done, now I need to add search in it so that people can search my website. I hope you guys understand my question?? Please help me out. Ok, I am trying to make a trading card store, and i need the code for making a search box to search through all the cards. help please. I am working of a website and i am having a little trouble with getting the search bar and the nav bar to align correctly. If you think you can help please send me an AIM at weroll04 . or reply back to this post. http://69.49.183.11/ Thanks Darryl I've designed a search bar in Photoshop (well a whole site, it's all sliced up). But how do I make the box actually search my website? I can provide a printscreen of my site and (or) the HTML code. Thanks in advance. Hi All As the thread title suggests, I'm trying to vertical-align the text in a submit button - see attached. The html and css I'm using is below. I've tried wrapping spans around the value and altering the padding (which looks better but makes the onclick outline appear half-way up the button). Help would be very much appreciated. Thanks, Steve The html is Code: print("<input class='mybtn' SIZE='5' type='submit' name='storedatabase' value='Store Database'>");
The CSS is Code: .mybtn
{
width: 120px;
height: 21px;
border-style: outset;
border-color: red;
font-size: 12px;
color: #000000;
background-color: rgb(250, 240, 230);
border: 1px 1px 1px 1px;
outline: 10px;
text-align: center;
}
I want to create a google search bar for my website. Not a custom search, but one that will use just generic google. How would I go about doing this (may require JS/PHP) |
|||||||