Obsah fóra
Pravidlá • Registrovať • Prihlásenie

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » menu





Odpovedať na tému Stránka: 1 z 1
 [ Príspevkov: 3 ] 
AutorSpráva
Offline Flety

Užívateľ
Užívateľ
menu

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

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 mondzo

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

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

Drako myslim, ze na stranke:

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

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


Offline Ezekiell

Užívateľ
Užívateľ
menu

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

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..


Odpovedať na tému Stránka: 1 z 1
 [ Príspevkov: 3 ] 

Obsah fóra » Software » Programovanie a tvorba webu » HTML, XHTML, XML, CSS » 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

495

15.10.2013 21:54

newbie99 Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

2

786

08.05.2009 12:33

shaggy Zobrazenie posledných príspevkov

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

v Video programy

2

770

20.04.2008 15:39

Dzin Zobrazenie posledných príspevkov

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

v Video programy

1

484

06.08.2010 12:14

SpaRcoOo Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

2

765

04.04.2009 16:00

DeiDaro Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

21

1148

27.01.2011 8:58

Antuanet Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

20

507

21.05.2014 22:42

lukyno010 Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

8

919

22.08.2008 10:00

Maron Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

4

645

19.08.2008 13:53

stenley Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

3

881

11.12.2007 15:34

Tominator Zobrazenie posledných príspevkov

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

[ Choď na stránku:Choď na stránku: 1, 2 ]

v HTML, XHTML, XML, CSS

34

829

21.03.2014 13:14

petko117 Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

6

764

08.01.2011 17:11

ner1xess Zobrazenie posledných príspevkov

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

v Redakčné systémy

0

240

23.02.2013 15:37

flip Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

0

499

08.05.2007 12:34

newboy1 Zobrazenie posledných príspevkov

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

v JavaScript, VBScript, Ajax

7

1305

01.03.2008 16:24

mage Zobrazenie posledných príspevkov

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

v HTML, XHTML, XML, CSS

9

564

21.06.2008 21:19

shaggy Zobrazenie posledných príspevkov


Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre

Skočiť na:  

Powered by phpBB Jarvis © 2005 - 2024 PCforum, webhosting by WebSupport, secured by GeoTrust, edited by JanoF
Ako väčšina webových stránok aj my používame cookies. Zotrvaním na webovej stránke súhlasíte, že ich môžeme používať.
Všeobecné podmienky, spracovanie osobných údajov a pravidlá fóra