Stránka 1 z 2
Vertikální menu
Napsal: 12 črc 2013 05:54
od 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
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
Re: Vertikální menu
Napsal: 12 črc 2013 15:51
od CrazyC0de
Tím "dvoustupňové" myslíš, že se vysune submenu ?
Re: Vertikální menu
Napsal: 12 črc 2013 17:30
od 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
Re: Vertikální menu
Napsal: 12 črc 2013 19:10
od Zuke
CrazyC0de píše: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ů ?
Re: Vertikální menu
Napsal: 12 črc 2013 20:50
od CZechBoY
do strany znamená jako
něco něco něco něco něco
nebo jak?
Re: Vertikální menu
Napsal: 12 črc 2013 20:55
od 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
Re: Vertikální menu
Napsal: 12 črc 2013 21:00
od CZechBoY
tak float: left nebo display: inline-block
Re: Vertikální menu
Napsal: 12 črc 2013 21:20
od 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ě
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ň
Re: Vertikální menu
Napsal: 13 črc 2013 00:10
od 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ý
Re: Vertikální menu
Napsal: 14 črc 2013 19:09
od Zuke
menu se vysouvá, ale jak je vidět nahoře tak né do strany, ale dolů...
Re: Vertikální menu
Napsal: 14 črc 2013 19:18
od CZechBoY
no podle tohohle jsem to taky nepochopil :(
ještě tam nějak odděl co je hlavní kategorie a co se vysouvá
Re: Vertikální menu
Napsal: 14 črc 2013 19:34
od Zuke
Lepší líp už to neudělám
