< návrat zpět

Diskuse


Téma: Menu rozevirací rss

Zaslal/a 24.9.2011 5:59

Zdravím Vás, najde se tu někdo kdo by mi poradil jak zprovoznit menu na strance http://macoweb.cz vytvořil jsem tam testovací stránku.

Jedná se mi o to že jsem do css layoutu přidal pár řádku které jsem našel v jiném. Pro rezeviraci menu které ale funguje dobře jen v horizontalním memu. Jak mile ho přemistím nahoru a rozkliknu zhodí mi na další řádek ne jen ty co rozklikne ale i ty ostatní.

Nejlépe bych to rád ošetřil tak aby šlo rozkliknout rozevirací meny pod sebe ale ty co se nerozklikavají aby zustali normálně zarovnáne v meny jak původně.

Díky za každou radu v css tápu. 7

Zaslat odpověď >

Strana:  1 2 3   další »
#012468
ideálně kdybys nějak nakreslil schéma co chceš, nebo hodil odkaz na stránku, kde to vidíš tak jak chceš... podle toho se pak dá lépe poradit, takhle si nejsem zcela jist co přesně potřebuješ i když tuším
#012469
Tak jsem v kresleni upravil podobu jak bych to potřeboval http://macoweb.cz/index.php?p=40

Diky za radu
#012470
možnost 2 si myslím, že bych zvládl pomoci, teda doufám...

.menu ul{margin: 0px; padding: 0px;}
.menu {width: 910px; margin: 20px auto 0 auto;}
.menu li {float:left;list-style-type:none;}
.menu li a {display:block; height:25px;width: 182px; line-height: 24px; text-align: center; text-decoration: none; color: black; font-size: 16px; font-weight: bold; }
.menu li a:hover { background-color: #ffc; color: black;}
.menu li ul {display: none; overflow: hidden}
.menu li:hover ul { display:block; position:absolute; border: solid black; border-width: 0 1px 1px 1px;}
.menu li:hover ul li { display:block; float: none; height:24px; width: 182px; border-top: 1px solid #F0F0F0;}
.menu li:hover ul li a {background: yellow; color: black; font-size: 12px;}
.menu li:hover ul li a:hover {background: rgb(227, 142, 51); color:#fff; font-weight: bold;}

todlecto mám v system.css - použítí jde vidět na http://wellnessolomouc.cz/ to co se rozbaluje jsou rozcestníky, upravit si už ten vzhled by mělo být pro tebe snadné
#012471
Děkuji za radu je to super funguje to s upravou na každé horizontalní meny. :-)

Ještě jednou díky
#012479
A jak jsi to upravil aby to fungovalo i pro horizontální meny.....?
#012488
Bezva nápad. Ale. Na lokolhost to chodí a při přetažení na internet to nejde. Ať dělám co dělám. Nevím si rady. 7
#012492
To JirkaVo, divný, mne to jede v pořádku, dej kdyžtak odkaz na stránky a podívám se, jestli něco uvidím...
To KfG to je pro horizontální menu,... jen v tom příkladu jsou například pevně zadávané velikosti menu a políček (položek) v něm, tak to je určitě potřeba si upravovat + pak samozřejmě vzhled jako barvy atd...

jinak pokud by bylo potřeba menu do více úrovní, je už potřeba to řešit přes vlastní php soubor ručně.
#012494
Kod od Antonio upraven pro mě funguje na layoutu "orange_sunset" vše tohle je definováno v system.css a v layout.css je potřeba vše o menu smazat.

.menu { height: 42px; width: 960px; margin: 0px auto;}
.menu ul { margin: 0px auto; padding: 0px auto; }
.menu li { float: left; list-style-type:none;}
.menu li a { display:block; height: 30px; line-height: 24px;text-align: center;text-decoration: none; padding: 10px 15px 2px 15px; text-transform: uppercase; text-decoration: none; color: black; font-size: 13px; font-weight: bold;}
.menu li a:hover { background-color: #ffc; color: black;}
.menu li ul {display: none; overflow: hidden;}
.menu li:hover ul { display:block; position:absolute; border: solid black; border-width: 1px 1px 1px 1px; }
.menu li:hover ul li { display:block; float: none; height:24px; width: 150px; border-top: 1px solid #F0F0F0;}
.menu li:hover ul li a {background: yellow; color: black; font-size: 13px;}
.menu li:hover ul li a:hover {background: rgb(227, 142, 51); color:#000; font-weight: bold;}

Snad to pomůže. Funguje to jak na localhostu tak na ofico hostingách forspi.com a hosting-zadarmo.cz co jsem testoval a localhost na WampServer 2.1
#012506
Nejde to ani tak, mám to ve verzi 7.4.1 - nemůže to být tím? 4
#012509
JirkaVo nevím, ale jedna z možností to je, tuším že v menu byly zrovna mezi verzí 7.4.1 a 7.4.2 nějaké rozdíly.

Strana:  1 2 3   další »