Lišta jako menu

[Celsi]

Zdravím.

Už dlouhou dobu hledám zpracovaný kod na lištu s odkazy.
Viz zde:


Lišta bude pod hl. obrázkem. Zadal jsem obrázek na šířku 100%, výšku 30, ale nemůžu za žádnou cenu dostat odkazy do obrázku. Nevím prosím někdo?

[CZechBoY]

Tak tohle jsem měl na třídních stránkách, samozřejě v šíleném stylu bylo to rozevírací menu a šlo to celkem jednoduše programovat, musel bych si stáhnout knohovnu Web do Scorpions WinCheatera možná po škole to tam najdu :)

[pikaso.andreas]

jedna z možností je ta, že ten obrázek rozřízneš. Rozřízneš například dle mého přikladu níže a zdrojový kód by mohl být:

Kód: Vybrat vše

<div id="menu">
 <img src="levy.gif"><a href="zprava.html"><img src="zprava.gif"></a><a href="text.html"><img src="text.gif"></a><a href="neco.html"><img src="neco.gif"></a><a href="neco.html"><img src="neco.gif"></a>
 <a href="info.html"><img src="info.gif"></a><img src="pravy.gif">
</div>

a nebo jako další se dá použít tzn. klikací mapa obrázku, ale to je složitější, návod najdeš zde: http://www.jakpsatweb.cz/html/obrazky.html#map a nebo také zde: http://blog.hakam.net/2008/programy-na- ... kaci-mapy/

[Celsi]

Díky moc:)
Zkusim ten obrázek rozřezat a když to nebude ono, mrknu na ty klikací mapy.
Ještě jednou díky:)

[mike127]

Ahoj, hodně jednoduchý to je v Gimpu (zde). Pokud s tím budeš potřebovat poradit tak napiš

[Celsi]

Tak sem něco sesmolil v gimpu a odřezal je.
Obrázky ale mají pevnou šíři podle obrázku. Pokud poskládám 5 obrázků o šíři 100, max. šíře bude 500 celé lišty.

Kód: Vybrat vše

<img src="plocha.jpg" alt="plocha.jpg, 1,7kB" title="plocha" border="0" height="29" width="100%">

Pokud přidám atribut 100%, obrázek se oddělí, a je sám na celé šíři. Ostatní obrázky jdou pod něj. Je nějakej způsob aby menu bylo 100% podle rozlišení monitoru?

[pikaso.andreas]

ano lze to udělat a to takto: (zase použiji názvy oddělených části(obrázků) jak jsem naznačil já..)

Kód: Vybrat vše

<div style="background:url(levy.gif);width:100%;text-align:center;">
<a href="zprava.html"><img src="zprava.gif"></a><a href="text.html"><img src="text.gif"></a><a href="neco.html"><img src="neco.gif"></a><a href="neco.html"><img src="neco.gif"></a>
<a href="info.html"><img src="info.gif"></a> </div>

a tím pádem bude jako pozadí jen ten modrý pruh(např levy.gif), který vyplní zbývající část obrazovky. Menu, teda ty obrázky s textem budou na středu u sebe...

[Stene]

http://css.interval.cz/menu/
tady si vyber a uprav podle sebe.. Bude to myslím nejrychlejší..

[X]

Sothink DHTML Menu - umožňující snadnou tvorbu profesionálních pop-up menu pro vaše webové stránky+FrontPage plug-in

[pikaso.andreas]

to je lehké použít nějaký nástroj, jen ať se trošku ponoří do tajů html Ale pomůcky jsou to hezké