Current date/time is March 28th 2024, 10:03 pm

Search found 1 match for FFEECA

How to create this CSS animated, responsive drop-down menu?

I don't get it. I see the reference to popup-data in the script, but I can't find it in the HTML file, not even for the first sub menu.

EDIT: The popup-data is found in the CSS:

.popup-data {
          position:absolute;
          z-index: 999;
          background: #FFEECA;
          color: #111;
          padding: 5px;
          border: 1px solid #000;
          display: none;
          max-width: 300px;
          font-size: 11px;
        }

#data-table td:hover .popup-data, .tech-word:hover .popup-data {
       display: block;
        }

EDIT2: I fixed it myself. I changed the reference to "data-table" in the script to "menu", which is the ID for the whole menu. Now the script finds all rd's in the whole HTML and adds the pop-up data when hovering Very Happy


EDIT3: Already found a new bug. The java script disables the widgets scrolling and the toolbar on every page except the page with the new menu. I have now disabled the toolbar on my forum entirely.




Compare http://www.saltvannsprat.com/h390-testmeny to http://www.saltvannsprat.com/ The script was actived for all pages, after deactivating it everywhere, it all works.

But please don't lock the thread all yet, mods! Still problems to come Smile
by Soulmonster
on January 13th 2015, 3:36 pm
 
Search in: Garbage
Topic: How to create this CSS animated, responsive drop-down menu?
Replies: 79
Views: 4808

Back to top

Jump to: