Search found 2 matches for 111

html attribute name replaced by character entities

Technical Details

Forum version : #PunBB
Position : Member
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : Yourself
Forum link : ( link is hidden, you must reply to see )

Description of problem

I'm trying to create a post template whose colour changes when hovered over, then reverting when the mouse is not hovered over the element. I am trying to utilise the &#111;nm&#111;use&#111;ver and &#111;nm&#111;use&#111;ut events, however the 'o's keep getting replaced by their character entities, '&#111' when the code is viewed via the inspect element developer tool of my browser, and it does not work.

for instance,

Code:: <div style="background:white" onmouseover="this.style.background='black'" onmouseout="this.style.background='white'"></div>

looks like

Code:: <div style="background:white" &#111nm&#111use&#111ver="this.style.background='black'" &#111nm&#111use&#111ut="this.style.background='white'"></div>

when submitted and viewed, thereby not allowing the color changing to occur.

I know I can use a style block with hover state selection, however I'd prefer to limit the use of that because I may use the template several times in a thread, and I don't want to slow anybody looking at the thread down, as well as a few other reasons.

thanks,

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

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