[ Príspevkov: 3 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
menu

Registrovaný: 26.11.06
Prihlásený: 09.10.24
Príspevky: 4118
Témy: 319 | 319
Bydlisko: HE/BA
NapísalOffline : 05.12.2007 15:03 | menu

cafte mam dve otazky:
1; ako spravit menu cez <ul>? hladal som na nete no som z toho jelen a absoluztne nechapem ako, pls dajte mi sem cely kod aj s css
2; ako spravit vysuvacie menu cez css? spoluziak mi hovoril ze nieco taketo:
Kód:
/*toto su polozky ktore sa zobrazia po vysunuti*/
#polozky{display:none;}
/*a tu je to tlacitko na ktore treba ukazat aby sa zobrazili #polozky*/
#zobrazit:hover #polozky{display:block}

dufam ze som to napisal zrozumitelne thx


Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 09.02.07
Prihlásený: 26.01.15
Príspevky: 257
Témy: 20 | 20
NapísalOffline : 05.12.2007 15:18 | menu

Drako myslim, ze na stranke:

http://www.cssplay.co.uk/menus/

urcite najdes menu, ktore sa ti hodi spolu aj s kodom...
CEST


Offline

Užívateľ
Užívateľ
menu

Registrovaný: 26.09.07
Prihlásený: 06.06.10
Príspevky: 53
Témy: 7 | 7
Bydlisko: Zákopčie, K...
NapísalOffline : 05.12.2007 15:51 | menu

Tu je jedno testovacie.. Ak si k tomu pripojis aj subor vo vlastnosti behavior tak ti to pojde aj pod ie ale celkovo to je dost pracne vyladit..
Kód:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
   <head>
   <title> whatever:hover cssmenu </title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   
<style type="text/css">
   body {
      behavior:url("css/csshover.htc");
   }
   
   ul,li,a {
      display:block;
      margin:0;
      padding:0;
      border:0;
   }

   ul {
      width:150px;
      border:1px solid #9d9da1;
      background:white;
      list-style:none;
   }

   li {
      position:relative;
      padding:1px;
      padding-left:26px;
      z-index:9;
   }
   li.folder ul {
         position:absolute;
         left:120px; /* IE */
         top:5px;
      }      
   li.folder>ul {
      left:140px;
   } /* others */

   a {
      padding:2px;
      border:1px solid white;
      text-decoration:none;
      color:gray;
      font-weight:bold;
      width:100%; /* IE */
   }
   li>a { width:auto; } /* others */
   
   /* regular hovers */
   a:hover {
      border-color:gray;
      background-color:#bbb7c7;
      color:black;
   }
   li.folder a:hover {
      background-color:#bbb7c7;
   }
   
   /* hovers with specificity */
   
   li.folder:hover { z-index:10; }      
      
   ul ul, li:hover ul ul {
      display:none;
   }

   li:hover ul, li:hover li:hover ul {
      display:block;
   }      
</style>
</head>
<body>
   <ul id="menu">

      <li><a href="#"> lorem </a></li>      
      <li class="folder">         
         <a href="#" class="submenu"> adipiscing </a>
         <ul>
            <li><a href="#"> dolor </a></li>

            <li class="folder">

               <a href="#" class="submenu"> consectetuer</a>
               <ul>
                  <li><a href="#"> elit </a></li>
                  <li><a href="#"> ipsum </a></li>
                  <li><a href="#"> Donec </a></li>

               </ul>
            </li>
            <li><a href="#"> vestibulum </a></li>
         </ul>
      </li>
      <li class="folder">
         <a href="#" class="submenu"> consectetuer</a>

         <ul>
            <li><a href="#"> elit </a></li>
            <li><a href="#"> ipsum </a></li>
            <li><a href="#"> Donec </a></li>
         </ul>

      </li>

      <li><a href="#"> sit amet </a></li>
   </ul>
</body>
</html>

Drzim palce..


 [ Príspevkov: 3 ] 


menu



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

navigacne menu - sek.menu

v HTML, XHTML, XML, CSS

2

548

15.10.2013 21:54

newbie99

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

2

827

04.04.2009 16:00

DeiDaro

V tomto fóre nie sú ďalšie neprečítané témy.

MENU

v Video programy

1

537

06.08.2010 12:14

SpaRcoOo

V tomto fóre nie sú ďalšie neprečítané témy.

Menu

v HTML, XHTML, XML, CSS

21

1232

27.01.2011 8:58

Antuanet

V tomto fóre nie sú ďalšie neprečítané témy.

MEnu

v HTML, XHTML, XML, CSS

20

582

21.05.2014 22:42

lukyno010

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

8

983

22.08.2008 10:00

Maron

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

4

702

19.08.2008 13:53

stenley

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v JavaScript, VBScript, Ajax

3

939

11.12.2007 15:34

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

menu

v HTML, XHTML, XML, CSS

2

853

08.05.2009 12:33

shaggy

V tomto fóre nie sú ďalšie neprečítané témy.

Menu

v Video programy

2

825

20.04.2008 15:39

Dzin

V tomto fóre nie sú ďalšie neprečítané témy.

vysúvacie menu

v JavaScript, VBScript, Ajax

8

2353

24.09.2008 18:50

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Menu, dakujem

v HTML, XHTML, XML, CSS

3

673

20.11.2009 13:51

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

wordpress menu

v Redakčné systémy

5

936

16.06.2011 22:04

don jebot

V tomto fóre nie sú ďalšie neprečítané témy.

Navigačné menu

v PHP, ASP

3

593

11.05.2008 0:52

stenley

V tomto fóre nie sú ďalšie neprečítané témy.

Rozbalovacie menu

v HTML, XHTML, XML, CSS

3

1554

13.11.2009 9:31

mokus

V tomto fóre nie sú ďalšie neprečítané témy.

Boot menu

v Operačné systémy Microsoft

2

799

01.03.2007 12:46

Punker661



© 2005 - 2025 PCforum, edited by JanoF