Vysouvací menu v css

1. Návštěvník 0414F04B 5. 2. 2005 22:26

   Zdravim, potreboval bych udelat nejakym zpusobem vysouvaci menu. <ul id="nav"> <li><a href="http://www.tondys.wz.cz/index1.html" class="item">Hlavní stránka</a></li> <li><a href="http://www.tondys.wz.cz/clankyanazory.html" class="item">Články a názory</a></li> <li><a href="http://www.tondys.wz.cz/obrazy.html" class="item">Fotografie vesmíru</a></li> <li><a href="http://www.tondys.wz.cz/download.html" class="item">Stahování</a></li> <li><a href="http://www.tondys.wz.cz/games.html" class="item">Flash hry</a></li> <li><a href="http://www.tondys.wz.cz/vtipne.html" class="item">Vtipné</a> <li><a href="http://www.tondys.wz.cz/sms.html" class="item">SMS brána</a></li> <li><a href="http://www.tondys.wz.cz/guestbook.html" class="item">Kniha návštěv</a></li> <li><a href="http://www.tondys.wz.cz/ankety.html" class="item">Ankety</a></li> <li><a href="http://www.tondys.wz.cz/odkazy.html" class="item">Odkazy</a></li> <li><a href="http://www.tondys.wz.cz/kontakt.html" class="item">Kontakt/O webu</a></li> <li><a href="http://www.tondys.wz.cz/faq.html" class="item">Nápověda</a></li> </ul> lze to?

2. Návštěvník 0414F04B 5. 2. 2005 22:26

   *myslim tim bez js

3. Návštěvník A306399B 5. 2. 2005 22:49

   <ul id="menu"> <li><a href="#">MENU</a></li> <ul id="nav"> <li>.......tvoje položky <li>.......tvoje položky </ul> <ul> #menu {display: block;} #menu #nav {display: none;} #menu:hover #nav {display: block;}

4. Návštěvník 2D4810F1 5. 2. 2005 22:53

   akorát to nepobere IE

5. Návštěvník A306399B 5. 2. 2005 22:57

   IE toho nepobere ?:-/

6. Návštěvník 0414F04B 5. 2. 2005 22:58

   To se mi cele rozpadlo, vubec nevim proc :( <!-- BODY {CURSOR:url("http://www.tondys.wz.cz/cursor.cur")} BODY{ scrollbar-face-color:#000000; scrollbar-arrow-color:brown; scrollbar-track-color:#006600; scrollbar-shadow-color:#006600; scrollbar-highlight-color:#006600; scrollbar-3dlight-color:#009900; scrollbar-darkshadow-Color:#006600; background-color: #3C6449;background-image:url('http://www.tondys.wz.cz/ico/pozadi/sloupec.gif'); color: #E3FFE3; } div.Section1 {page:Section1;} .divstyle { position:absolute; border: none; width:auto; top:0px; left:0px; z-index:10; } .pstyletitle{ filter: style=filter: alpha(opacity=90, finishopacity=90, style=1); position: absolute; color: yellow; _color: #E5F9EC; font-size: 10px; font-family: verdana; border: 1px solid #68AF61; background-color: #547457; } a:link {color: #68AF61} a:visited {color: #68AF61} a:active {color: #68AF61} a:hover {color: #68AF61; text-decoration: none} DIV.hr {background-color:#E3FFE3;color:#E3FFE3;} BODY,#shouts {border:0;} .prostredni {border-color:#067241;background-color:#547457;background-image:url('http://www.tondys.wz.cz/ico/pozadi/prostredni.gif');} .sloupec {border-color:#067241;background-color:#1B7158;background-image:url('http://www.tondys.wz.cz/ico/pozadi/sloupec.gif');} .podlogo {position: absolute; width: 997px; height: 81px; z-index: 02; left: 1px; top: 0px;border-color:#067241;background-color:#1B7158;background-image:url('http://www.tondys.wz.cz/podlogo.jpg');} .velkapopiska {background-color:#1B7158;background-image:url('http://www.tondys.wz.cz/velkapopiska.png');} UL { LIST-STYLE-TYPE: none; PADDING: 0px; MARGIN: 0px; } LI { PADDING: 0px; MARGIN: 0px; position: relative; } LI A { position: relative; font-size: 11pt; font: bold; font: italic; text-align: center; top: 75px; _top: 81px; left: 2px; _left: 1px; WIDTH: 140px; HEIGHT: 20px; text-decoration: none; border:1px solid black; DISPLAY: block; BACKGROUND-POSITION: 0px 0px; BACKGROUND-REPEAT: no-repeat; } LI A:hover { BACKGROUND-POSITION: -153px 0px; COLOR: black; DISPLAY: block; } LI A:visited { color: black; } LI A.item { BACKGROUND-IMAGE: url("ico/tlacitko.jpg"); COLOR: black; } #menu {display: block;} #menu #nav {display: none;} #menu:hover #nav {display: block;} -->

7. Návštěvník 0414F04B 5. 2. 2005 22:59

   stejne to potrebuju i pro IE :/

8. Návštěvník A306399B 5. 2. 2005 23:11

   človeče to bolo iba nakopnutie, ostatné parametre si musíš nastaviť sám.

9. Návštěvník 0414F04B 5. 2. 2005 23:13

   no dobra :) ale na co mi tahle moznost je, kdyz ji nepodporuje IE?

10. Návštěvník A306399B 5. 2. 2005 23:36

    buď to chceš aj pre IE, alebo bez JavaScriptu.

11. Návštěvník 0414F04B 5. 2. 2005 23:47

    aha :( tak dik ;) on si nekdo javascript vypina, tak ja nevim mno

12. Návštěvník C0D7CC61 5. 2. 2005 23:47

    http://www.alistapart.com/articles/horizdropdowns/ .. funguje to i v IE... a JS tam máš jenom trochu... na zasouvání... kvůli IE 5... myslim.... myslim, že moudřejší řešení neseženeš...

13. Návštěvník 0414F04B 5. 2. 2005 23:51

    Dik, promyslim to ;)

14. Návštěvník A306399B 5. 2. 2005 23:53

    ja som pre Internal Error to svoje menu rozbalil hackom a už sa tou jeho neschopnosťou (alebo mojou lenivosťou) nemienim rožčuľovať.

15. Návštěvník 8A9016E6 6. 2. 2005 00:32

    popřípadě něco jako gif jinak jako div globallink a subgloballink. Celej kód je dlouhej. Neznám ho na spaměť, tak ho někdy někde z DW widoluju

16. Návštěvník 0414F04B 6. 2. 2005 00:46

    Co to meles za hovna 8-) lol :D

← Zpět na všechna témata