Vertikální menu

[Zuke]

Ahoj

Pracuji na webu a chtěl bych se zeptat na otázku jak do tohodle css kodu dodat dvoustupňové vertikální menu mam tam standardní menu a potřeboval bych dvoustupňové. Problém je v tom že menu mám nahozené na web přez

Kód: Vybrat vše

              <?php
       include "css/menu1.inc";
      ?>

Kde v jednom souboru mám položky. Kod v css vypadá následně:

Kód: Vybrat vše

   #left_column { width:195px; float:left; }
   .horizontal #left_column { width:auto; float:none; }
      #navigation a { background:url(../images/button_bg1.gif) no-repeat; width:170px; height:25px; display:block; padding-left:25px; margin:5px 0;
                  font-size:13px; color:white; text-decoration:none; line-height:25px;}
      #navigation a:hover { background-position:0 bottom;  }


Pokud by měl někdo chvilku času a podíval se mi na to byl bych rád třeba po icq: 631298947 nebo i přímo sem

[Reklama]

[CrazyC0de]

Tím "dvoustupňové" myslíš, že se vysune submenu ?

[X]

Co použít tohle?

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

[Zuke]

Tím "dvoustupňové" myslíš, že se vysune submenu ?

Ano myslím tím abych do toho code dohodil submenu


Nyní jsem to udělal takhle:

Kód: Vybrat vše

   #left_column { width:195px; float:left; }
   .horizontal #left_column { width:auto; float:none; }
      #navigation a { background:url(../images/button_bg1.gif) no-repeat; width:170px; height:25px; display:block; padding-left:25px; margin:5px 0;
                  font-size:13px; color:white; text-decoration:none; line-height:25px;}
      #navigation a:hover { background-position:0 bottom; }
      #navigation ul { font-size: 13px; margin:5px 0; padding-left:25px; list-style: none; }
      #navigation ul li { display: block; position: relative; float: none; }
      #navigation li ul { display: none; }
      #navigation ul li a { display: block; text-decoration: none; color: white; line-height:25px; padding-left: 25px;
                     background: url(../images/button_bg1.gif) no-repeat; width: 170px; height: 25px; margin: 5px 0; white-space: normal; }
      #navigation ul li a:hover { background-position:0 bottom; }
      #navigation li:hover ul { display: block; position: relative; }
      #navigation li:hover li { float: none; font-size: 13px; }
      #navigation li:hover a { background-position:0 bottom; }
      #navigation li:hover li a:hover { background-position:0 bottom; }

a ve výsledku to vypadá celkem dobře až na par drobností které mě nejdou doladit. Udělat aby se to vysouvalo do strany a ne dolů ?

[CZechBoY]

do strany znamená jako

něco něco něco něco něco

nebo jak?

[Zuke]

jj přesně


Něco -> Něco

a aby se vysouvalo tohle se vysouvá, ale jen dolů a to mi nevyhovuje, protože mám vertikální menu

[CZechBoY]

tak float: left nebo display: inline-block

[Zuke]

buď mám chybu v code nebo to měním na špatném místě mohl bys mi naznačit kde v tom code to mám pozměnit protože ať se snažím dělá mě to ještě větší krpu.

Po všech snaženích se roztahuje tak nějak podivně

Kód: Vybrat vše

Menu ->
          submenu
          submenu

Menu ->
 

a já potřebuji aby se obevovalo

Kód: Vybrat vše

Menu -> submenu
Menu -> submenu
 atd... vždy po přejetí myší na to menu aby se to submenu roztáhlo zároveň


[CZechBoY]

no moc nechápu co přesně chceš
otevři si to třeba v malování a napozicuj to jak by to mělo vypadat rozbalený a sbalený

[Zuke]

menu se vysouvá, ale jak je vidět nahoře tak né do strany, ale dolů...

[CZechBoY]

no podle tohohle jsem to taky nepochopil :(
ještě tam nějak odděl co je hlavní kategorie a co se vysouvá

[Zuke]

Lepší líp už to neudělám