Vyhladavanie - |Search box|

xjojox2246

čaute,

mam takú otázočku, vlastne problémik,,

ako by som mal nakódovat na web toto okienko a ma slúžiť na vyhľadávanie, obrázok je už vystrihnutý takže je tam už len to čo potrebujem. Potrebujem nakódovať ten rámček a aby to fungovalo, a tam kde je voľný priestor tam bude klasické tlačitko "Hľadať" to bezproblémov mám už nakódované len stým rámčekov mam problém..

Ospravedlňujem sa ak som to zle vysvetlil

Vopred veľmi ďakujem.
Jožo

G0lDiER_

s cim mas problem?
ja niesom v html a css nejaky priebornik, ale toto by som spravil aj ja..

sprav si div, jednu css triedu k nemu, nastav v nom background na to search.png, do divu si daj input, jemu daj jednoducho margin-left, posun si ho o par px aby zacinal az v tom policku, nastav mu sirku taku ake je to policko. search tlacitko si tak isto posun marginom.

//autoeditácia príspevku (08 Júl 2011, 12:31)
takto nejak

Kód: Vybrať všetko

<!doctype html>
<html>
	<head>
		<title>search</title>
		<style type="text/css">
			body
			{
				margin-left:20px;
				font-family:Arial;
			}
			#search
			{
				background: url(search.png);
				width:305px;
				height:42px;
			}
			#searchtext
			{
				margin-left:17px;
				margin-top:10px;
				width:148px;
				height:22px;
				border-style:none;
				background: none;
				font-size: 19px;
				float:left;
				
			}
			#searchbutton
			{
				margin-left:25px;
				margin-top:7px;
				width:100px;
				height:28px;
			}
		</style>
	</head>
	<body>
		<div id="search">
			<input type="text" name="hladat" id="searchtext">
			<input type="submit" value="Hladat" id="searchbutton">
		</div>
	</body>
</html>

len neviem ako schovat ten border pri aktivnom inpute

scriptType

Ak myslíš autodoplnenie alebo čo tak:

Kód: Vybrať všetko

<input type="text" placeholder="Hľadať ..."  autofocus>

Ak myslíš niečo iné, lepšie to opíš.

Vyhladavanie - |Search box|

Vyhladavanie - |Search box|

Re: Vyhladavanie - |Search box|

Re: Vyhladavanie - |Search box|