CSS – Implementácia funkčného menu do eshopu s chybami

30. 6. 2014 18:29:00

Zdravím,

vytvoril som funkčné menu, ktoré vyzerá asi takto: http://fiddle.jshell.net/7fN8m/

všetko krásne šlape, problém ale nastáva pri pokuse použit toto menu v eshope ktoré je uz vytvorený a postavený na pentashop CMS,

menu sa zobrazuje nejako takto: http://i.stack.imgur.com/kwSvI.jpg

namiesto niečoho takého : http://funedit.com/imgedit/soubory/small_7942654171404145715.jpg?x

ja predpokladam ze problem je v tom, že nejaky predok je nadefinovaný tak aby cez neho data nemohli pretekať resp je nastavená pevná šírka, ani 1 som však v CSS nenašiel.

Vedel by mi niekto poradit?

30. 6. 2014 18:29:00

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035934

Pavel Horáček

(19 hodnocení)

30. 6. 2014 18:36:24

Popis problému je na prd (mám doma v garáži auto a nejde, nevíte co s tím?). Chtělo by to hodit alespoň url webu kde ti to nejde. Pravděpodobně se ti hádají jquery funkce nebo verze. Nebo CSS ale bez linku a nějakého kódu to je odhad. Zkus hodit to url, JS script, který jsi na web vkládal a možná i kousek kódu :-)

30. 6. 2014 18:36:24

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035933

Melnikovic

30. 6. 2014 18:41:41

http://presta15.priemyselnytovar.sk/

30. 6. 2014 18:41:41

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035932

Pavel Horáček

(19 hodnocení)

30. 6. 2014 18:48:46

Nevím jaký přesně tam byl vložen JS nebo CSS script ale očividně se to hádá. Na šablonu je aplikovaný framework Bootstrap v3.1.0 takže řešení : Stáhnout si Firebug a chvilku si hrát, testovat, měnit a změny zapisovat do daného css nebo použít přímo bootstrap menu. V dokumentaci jsou ukázky a co vím, tak by to mělo mít stejnou funkci jako potřebuješ ty. Zbytek siupravíš v css.V tvém případě to vypadá na bootstrap.min.css . Dokumentace zde http://getbootstrap.com/

30. 6. 2014 18:48:46

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035931

Fido123

(13 hodnocení)

30. 6. 2014 18:50:04

Ty elementy „a“ v tom levem menu musí mít

30. 6. 2014 18:50:04

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035930

Melnikovic

30. 6. 2014 18:58:31

HorysX - To že sa to navzajom bije viem no, bohuzial sa mi s tym nedari vyhrať. Ohladom CSS to moje máš hore, to o je cele k webu sa ti podla mna prechadzat nebude chciet ale tak hodim to tu:

Pastebin: http://pastebin.com/i5gqPTVn

Fido123 - Vďaka za odpoeď ale nemyslim, že to vyrieši môj problem

30. 6. 2014 18:58:31

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035929

Fido123

(13 hodnocení)

30. 6. 2014 19:03:34

Napsal Melnikovič;1102563
Fido123 - Vďaka za odpoeď ale nemyslim, že to vyrieši môj problem

A co je teda tvůj problém?

30. 6. 2014 19:03:34

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035928

sqrt

30. 6. 2014 19:05:22

No ještě s tím budeš mít nějakou práci, ale základní problém spočívá tady:

30. 6. 2014 19:05:22

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035927

Melnikovic

30. 6. 2014 19:05:36

Fildo123-

Mojim problemom je, že sa submenu

1. vôbec nezobrazi alebo zobrazi

2. alebo zobrazi tak že main menu a submenu su na 1 mieste a nie ako na navrhu (http://funedit.com/imgedit/soubory/small_7942654171404145715.jpg?xhttp://funedit.com/imgedit/soubory/small_7942654171404145715.jpg?x)

Napsal sqrt;1102569
No ještě s tím budeš mít nějakou práci, ale základní problém spočívá tady:
#categories_block_left > ul:hover,#categories_block_left > ul:hover > li { overflow: visible;}#categories_block_left > ul:hover > li > ul { display: block;}

Ak správne chapem to co si mi poslal ma zobrazit owerflow ak prejde uzivatel mysou po ul, on to ale zobrazuje lenze len vramci toho rodiča, a aj keď pouzijem tvoj kod tak sa tým nic nezmeni (skusil som to)

30. 6. 2014 19:05:36

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035926

Pavel Horáček

(19 hodnocení)

30. 6. 2014 19:13:05

To submenu se zobrazuje pod hlavni nabidkou ( kdyz zmenis CSS jak psal sqrt ) takže ti bude stačit ho vycentrovat na pozici, kde má být a přidat mu správné vlastnosti. Je to pakárna a časově neodhadnutelná záležitost. Zkus sem dát poptávku a myslím, že se někdo šikovný určitě najde kdo ti s tím pomůže za nějaký drobák.

30. 6. 2014 19:13:05

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035925

sqrt

30. 6. 2014 19:14:14

Melnikovič: Mně se to menu jinak nezobrazí(s overflow: hidden ani nemůže). Používám Chrome, ale nepřipadá mi moc pravděpodobné, že konkrétně overflow by se jinde choval nějak jinak. Co používáš za prohlížeč?

30. 6. 2014 19:14:14

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035924

Melnikovic

30. 6. 2014 19:19:54

Prepac napisal som to zle, to menu sa mi tiez nezobrazuje na hlavnej stránke(zobrazilo sa mi na substranke ale to je fuk). Každopádne nič sa nezmenilo ani keď som použil tvoj kód. Nejake napady?

30. 6. 2014 19:19:54

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035923

Pavel Horáček

(19 hodnocení)

30. 6. 2014 19:28:01

Nejlepší, tedy spis nejistejsi volba (taky jsem to tak delaval :) ) je vytvorit si slozku, tam si to menu zprovoznit a do souboru pak pridavat postupne css a js. Tam odchytis, ktery soubor dela neplechu. A pak uz si podle class zapisy najdes a zmenis / prejmenujes. Ale myslim, ze pouziti primo bootstrap menu a nasledna uprava vzhledu menu je rychlejsi a mene pracnejsi.

30. 6. 2014 19:28:01

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035922

sqrt

30. 6. 2014 19:48:02

Máš štěstí, mám teď totiž výbornou náladu ;-) Teď nemám čas, cca na hodinu odcházím pryč. Jestli to do tý doby nedáš dohromady, tak se ti na to podívám(ale chci vidět, žes aspoň něco zkoušel).

30. 6. 2014 19:48:02

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035921

Melnikovic

30. 6. 2014 20:04:35

skusam to od začiatku cele prejsť a postupne tam to menu pridavat po častiach, tak uvidime k comu sa dopracujem

30. 6. 2014 20:04:35

https://webtrh.cz/diskuse/css-implementacia-funkcneho-menu-do-eshopu-s-chybami#reply1035920