| Autor | Zpráva | ||
|---|---|---|---|
| Martos Profil * |
#1 · Zasláno: 8. 8. 2011, 13:38:00
Chtěl bych udělat něco podobného, jako je na www.csob.cz ...po najetí na nadpis (v tomto případě "Lidé") se zobrazí podmenu. Tam bude cca 5 nabídek. Chci to řešit podobně i graficky, tedy po najetí/odjetí na podmenu se změní barva. Chci jen hlavní menu (viz "Lidé") a pak jen podmenu o 5 řádcích (další podmenu nižší úrovně už nepotřebuju).
Poradíte? Jsem lajk, takže bych potřeboval nejlépe konkrétní fungující kód. Předem díky |
||
| ra100 Profil * |
<ul> <li class="li"><a href="#">menu</a><ul id="ul2"> <li><a href="#">polozka1</a></li> <li><a href="#">polozka2</a></li> <li><a href="#">polozka3</a></li> <li><a href="#">polozka4</a></li> <li><a href="#">polozka5</a></li> </ul> </li> </ul> css <style type="text/css">
* {
margin: 0;
padding: 0;
}
ul {
width: 110px;
height: 20px;
position: absolute;
background: blue;
}
ul li {
list-style: none;
}
ul li a {
display: block;
}
ul#ul2 {
width: auto:
height: auto;
positon: relative;
background: red;
visibility: hidden;
}
.li:hover #ul2 {
visibility: visible;
}
</style>...ak mas trochu skúsenosti, tak si zbytok urobiš sám. |
||
| riam Profil * |
#3 · Zasláno: 8. 8. 2011, 16:31:25
zrovna resim stejny problem, mam ale v menu misto klasickeho textu obrazky a kdyz zkusim tenhle kod, do polozek vlozim cestu k obrazkum ktere by se meli po najetí zobrazit tak se nic nestane a puvodni obrazek me funguje jako cisty odkaz bez jakehokoli jineho efektu. nezna nekdo konkretni reseni? jedna se o leve vertikalni menu na mem webu: http://www.recruits-rebels.wz.cz/main.html , konkretne chci aby se me po najeti na 2. a 6. vysunuly do prava dalsi moznosti resene stejne jako zbytek menu (tj. obrazek s odkazem)
|
||
| ra100 Profil * |
riam:
Niečo takéto? <ul> <li class="li"><a href="#">menu</a><ul id="ul2"> <li><a href="#"><img src="A.jpg" alt="" title="" width="" height="" /></a></li> <li><a href="#"><img src="B.jpg" alt="" title="" width="" height="" /></a></li> <li><a href="#"><img src="C.jpg" alt="" title="" width="" height="" /></a></li> <li><a href="#"><img src="D.jpg" alt="" title="" width="" height="" /></a></li> <li><a href="#"><img src="E.jpg" alt="" title="" width="" height="" /></a></li> </ul> </li> </ul> Veľkosť výstupného obrázku sa da meniť vo ...width="" height=""... <img src... |
||
| riam Profil * |
#5 · Zasláno: 8. 8. 2011, 17:39:17
jo, tohle je super díky.
|
||
| Martos Profil * |
#6 · Zasláno: 9. 8. 2011, 06:46:06
ra100:
Tak jsem to vyzkoušel a nechce to fungovat. Do stránky jsem to zakomponoval takto: Je tam něco špatně? Proč to nefunguje? Co jsi myslel tí "Zbytek si uděláš sám" ? Moc v tom zběhlý nejsem. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1250"> <style type="text/css"> * { margin: 0; padding: 0; } ul { width: 110px; height: 20px; position: absolute; background: blue; } ul li { list-style: none; } ul li a { display: block; } ul#ul2 { width: auto: height: auto; positon: relative; background: red; visibility: hidden; } .li:hover #ul2 { visibility: visible; } </style> <title>menu</title> </head> <body> <ul> <li class="li"><a href="/">menu</a><ul id="ul2"> <li><a href="/strana1.htm">polozka1</a></li> <li><a href="/strana2.htm">polozka2</a></li> <li><a href="/strana3.htm">polozka3</a></li> <li><a href="/strana4.htm">polozka4</a></li> <li><a href="/strana5.htm">polozka5</a></li> </ul> </li> </ul> </body> </html> |
||
| Martos Profil * |
#7 · Zasláno: 10. 8. 2011, 06:49:21
ra100:
Nefunguje mi to, poradíš mi s tím prosím? |
||
|
Časová prodleva: 13 let
|
|||
0