Rozkliknuti (drop) buttonu pro vice vyhledavani

Zdravím, narazila jsem na stránky www.ihocek.cz , kde se mi líbí, jak je vyřešena možnost rozšířeného vyhledávání, resp. umístění vedle vyhledávacího buttonu, kdy po rozkliknutí je možnost přejít na ono vyhledávání.
Zkoušel jsem to nějakým způsobem si vytvořit i pro své stránky, ale povedlo se mi pouze umístění 2 buttonů vedle sebe (vyhledávácího a rozšířujícího), dál bohužel ne.
Budu ráda za radu, či návod, kde bych se dostala k onu výsledku. Zdali postačí css, či je to spíše otázka javascriptu?

Děkuju, tušila jsem, že to bude asi jen otázka HTML a CSS, můžu poprosit, jestli neznáš někde nějakou stránku, kde by se dalo inspirovat daným nastylováním?

poprosím pouze toho butonu, nějak se mi daří vložit 2 buttony vedle sebe, ale pak si nejsem jistá tím, jakým způsobem udělat jej rozklikávací, bude to něco na způsob, když je drop menu všeobecně? Resp. asi nestačí nastavit absolutní pozici?

poprosím o pomoc při navedení, nějak se mi to nedaří :( - zatím dělám textově, pak změním na button

css

html

Děkuju za pomoc kluci, vyzkouším, určitě bych ráda, aby se to zobrazilo až po kliknutí, myslela jsem, že by se to dalo obejít bez použití js, třeba jen nějak pomocí toho css

Hm pravda, nene bude pouze jedna možnost, ale chtěla jsem to odlišit od rozbalovacího menu, které bude v horizontálním provedení a vyhledávací pole právě bude nad mít, jako součástí hlavičky stránek

Stalker:
Děkuju a pomohlo, ještě pokud nebudu vyhledávací pole přesunovat, tak použiju, případně schovám pro použití v některém z následujícím designu stránek

Stalker:
Hele ještě bych se na Tebe ráda obrátila s jedním dotazem ohledně CSS, nějak si s tím už nevím rady
zde

Jde o to, že ten text i nějak vycentrovaný je, ale nedaří se mi vycentrovat obrázek. Resp. jde o to, že ne vždy bude stejné výšky, takže moje současné nastavení pozice prvku v "news" je určitě špatně.

Zkoušela jsem i div prvky různě nastylovat do tabulek, ale někde mi něco uniká a spíše se mi to vždy pak celé rozhodí, pokud některému přiřadím table-cell, ne li celému obsahu table.

Stalker:
Super děkuju, ani mě toto řešení nenapadlo, automaticky jsem se s tím začala patlat hned od základu, kdy se vůbec rozhoduji o tabulce, tedy jsem to cpala do infobox. Jen jsem si ještě všimla, že pokud použiju pro img tag zmenšení obrázku jak na výšku, tak na šířku na 25%, tak se mi ve Firefoxu vše zobrazí OK, ale např. v Chrome mi to vzít výšku nechce, dočetla jsem se, že zřejmě někde špatně nemám zavedenou 100% výšku buňky, ale když jsem ji zkoušela doplnit postupně do všech elementů, tak se mi to rozhodilo, resp. zarovnalo nahoru.
Co se týká struktury, tak to se pokouším vždy nějak inspirovat na internetu, jak je co kde řešeno, v tomto případě mě mrzí, že to je "špinavé", jsem byla v přesvědčení, že by to mohlo být OK.

Stalker:
jde o to, že mým záměrem je vytvoření jakéhosi náhledu na obrázek, resp. na samotné stránce budou všechny obrázky a právě tady na té hlavní bude daný obrázek, který je však i součástí samotné stránky, a oni mají rozdílnou velikost, obrázky budu brát z databáze. Zbytečně by se při vkládání do ní ukládali na FTP 2 obrázky, originál a zmenšený, tak jsem to chtěla tímto zjednodušit a ušetřit prostor místa.

Stalker:
škoda, doufala jsem v nějaký trik, popřemýšlím tedy o vytváření miniatury, i když se mi to zrovna při cca 1000 záznamů nechce, a navíc když to bude sloužit pouze po dobu, než se vloží další "nový" :)

děkuju za Tvůj čas, pomoc a rady