I am building a site, which can be seen here: http://alexconner.co.uk/marvel_2/index.html
But when you click the buttons to open the modal window, you can only see the flash animated background, not the contents of the window (this only happens in IE8 and IE9). I have a feeling it is something to do with the position:absolute in the CSS.
Related
The animation when tapping the hamburger menu is working perfectly (though the css positioning is off, and needs to be fixed). But when the user taps one of the links in the nav (whether it is a new page or the page they are on), I want the animation in reverse (with either the current page or the new page, depending upon which link they press)
Code in CodeSandbox
Any ideas on the one, or probably many things I am doing wrong?
In FireFox extensions, the Panel/Popup that opens on the Toolbar sizes itself outside the browser window, if needed, so that we see every populated elements in the panel. In Chrome however, the popup/panel is only drawn until the browser window's boundaries. So, if the user resizes the browser window small enough, you don't see the entire popup.
I checked the documentation and couldn't find anything. Is there anything that can be done to show the entire popup?
This seems to be OS-dependent (can be reproduced on Linux and Win7, but not Win10).
As an extension author, there is nothing you can do to control it, this is just how the browser renders its content. You could submit a bug report.
Why are the menu items of my site in Internet Explorer 11 so high?
I've built a Joomla 3.4.x site with Bootstrap 3.4.x.
Here's the URL: https://www.chjc.nl
There seems to be something wrong with the menu in Internet Explorer (11). In Firefox Opera and Chrome all seems OK (I haven't got MS Edge), the height is what it should be, in IE the menu items are a lot higher.
Secondly: I see list-style circles in front of the menu items in IE.
Can anyone explain what is wrong?
Also: when I change some CSS in the Inspector in IE, something may change and when I then change the CSS file, IE doesn't do what it was doing when I changed the CSS in the Inspector... This may be a totally unrelated bug.
Thanx
Thom
Thomsterdam Web Design
If you change something in your Inspector in IE, it is not changing the file on your webserver. You should open the CSS file in your IDE a.k.a. web editor and save it and upload it to your website.
You should make your <ul> and <ol> have the style list-style:none;
If you make your <a> in the dropdown <li> inline-block instead of display:block your menu will look the same in all the browsers.
I use modal on my website to display youtube videos and all is working good.
But, when I start a video (then I stop it) and I close the modal, I have strange effects on my main menu that has a hover changing effects.
This is a sample video:
And then after closing and go with the mouse hover the menu this appears (on the 2 links that are "under" the modal):
Any ideas how to fix this bug?
Additional info
I am on Chrome and I have used a code very similar to the default example (http://twitter.github.io/bootstrap/javascript.html#modals).
Fixed, putting
?wmode=opaque
at the end of the youtube url.
When I look at jquery ui's demo modal dialog (http://jqueryui.com/demos/dialog/#modal) in IE6 the bgiframe is appearing on top of the background overlay. So instead of seeing a black/gray stripe pattern, there is just a white background covering the page with the word "false" in the upper left corner. Is bgiframe broken with the latest version of jqueryui? Is there a quick way to repair this problem with bgiframe? If not, is there a plugin that hides selects when a modal dialog is shown? The ie6 z-index issue with selects is the reason I was using bgiframe in the first place.
Have you looked at this answer
http://blog.dmbcllc.com/2009/02/19/jquery-bgiframe-and-ie6-z-order-hacks/