Autor Zpráva
Vilak
Profil
Zdravím, máme web www.stopkovefrezy.cz

Všude na webu funguje to, že se menu vysune až po najetí myší, např zde: www.stopkovefrezy.cz/DIA-nastroje-pro-CNC-c10_0_1.htm
Jen na úvodní straně se tak nestane, viz zde: www.stopkovefrezy.cz (PLATÍ POUZE PRO ZOBRAZENÍ ŠIRŠÍ NEŽ CCA 1590PX!)

Nevíte někdo, čím to může být? U celého webu se to vyřešilo pomocí:
#inleft_eshop { /* mizící menu - funguje vsude krome index - proc */
    display: none; 
} 
Ale u úvodní stránky to nefunguje. Poradíte, jak to udělat tak, aby to bylo stejné jako všude jinde?

Btw. Klidně můžete ohodnotit i web, ale je to e-shop, který se teprve upravuje a dotváří, nicméně už je v produkci.

Předem děkuji za odpovědi. ;)
RastyAmateur
Profil
Vilak:
Protože user_defined.css:690, kde máš
.home #inleft_eshop {
    display: inherit;
}
Ta třída home je u tagu body.
Vilak
Profil
RastyAmateur:

Jasně, každopádně pokud bych
@media (min-width:1589px){
     .home #inleft3 {
          margin-top: 580px;
      }
      .home #inleft_eshop { /* radek 690 */
         display: inherit;
      }
}

vymazal či případně dal do poznámky, tak se mi zas nezobrazí vysunovací menu vůbec a nešlo by se na něj dostat.
RastyAmateur
Profil
Vilak:
Jasně, každopádně pokud bych ... vymazal či případně dal do poznámky, tak se mi zas nezobrazí vysunovací menu vůbec a nešlo by se na něj dostat.
No tak to by asi chtělo opravit, ne? :D Nevím, co ti poradit. Otevři si vývojářské nástroje v Chromu (pravé tlačítko -> prozkoumat, případně Ctrl+Shift+I), v DOMu si najdi ten problémový element #inleft_eshop a debuguj. V pravé části okna budeš mít CSSka, hezky seřazené shora dle priority, neplatné (resp. méně prioritní) pravidla jsou přeškrtnuté. Pomocé checkboxů si můžeš ty CSS vlastnosti různě měnit a upravovat, zkoušet co to udělá. Nakonec v pravé horní části této CSS sekce máš :hov, kde si můžeš imitovat najetí myší na nějaký element.

Takže hurá do toho, hraj si a zjišťuj, která všechna pravidla na to mají vliv.


Jinak máš tam taky toto:
.home #expandableMenu:hover #inleft_eshop {
    display: block !important;
}
Ale máš to v sekci @media only screen and (max-width: 1590px). S tím menším rozlišením to funguje. Ne že by to bylo správné řešení, ale funguje to.

Být tebou, raději než opravovat jeden nefunkční případ, tak bych věnoval čas tomu udělat si v těch CSSkách trochu pořádek. Máš tam k tomu menu spoustu pravidel, kdy se to má a nemá zobrazovat, hrozně se to mlátí přes sebe, přitom ti ty pravidla stačí dvě - je najeto myší, není najeto myší. Nějaká .home třída na to evidentně nemá mít vůbec vliv (podle toho, co popisuješ, že chceš).
Vilak
Profil
Díky moc. Už si s tím pohraju. :) Za mě OK a vyřešeno. ;)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0