|
| Thread: Any CSS Experts on HC? |  This thread is pages long: 1 2 · NEXT» |
|
Valeriy
Mage of the Land
Naughty, Naughty Valeriy
|
posted August 31, 2014 06:24 AM |
|
|
Any CSS Experts on HC?
Looking for a little troubleshooting help from someone with a good knowledge of CSS and cross-browser compatibility.
The page top menu used on H1 - H5 sections of Age of Heroes works in FireFox but doesn't seem to work on newer Internet Explorer browsers (in IE 10 it doesn't work by default, but works in "compatibility mode").
Example of the menu is below the advertising banner here.
In FireFox, hovering the mouse over "Heroes 1" and "Main Page" list items changes the "display" property of "ul" from "none" to "block" and the drop-down menu displays. In IE 10 (and possibly other recent versions of IE) the drop-down menu does not display.
Is there anyone with the right skill set who would be willing to help me figure this one out?
Also, if anyone has any of these browsers installed: IE 8, IE 9, IE 11, latest Chrome, latest Opera, latest Safari - could you let us know if the menu works?
____________
You can wait for others to do it, but if they don't know how, you'll wait forever.
Be an example of what you want to see on HC and in the world.
http://www.heroesofmightandmagic.com
|
|
friendofgunnar
Honorable
Legendary Hero
able to speed up time
|
posted August 31, 2014 06:50 AM |
|
|
Chrome 36 works fine (I assume that's the latest). Both of the drop down menus instantly appear
IE 11.0.9600 is not working at all for me, only a blank screen
|
|
yogi
Promising
Famous Hero
of picnics
|
|
posted September 03, 2014 02:38 AM |
|
Edited by yogi at 04:13, 03 Sep 2014.
|
hrm, try:
#breadcrumbs .subnav:hover ul {
display: block;
}
(remove "li" from before ".subnav"),
or..
#breadcrumbs li.subnav:hover ul {
display: block !important;
}
do either (or both) work?
its fine in the latest chrome and safari by the way.
____________
yogi - class: monk | status: healthy
"Lol we are HC'ers.. The same tribe.. Guy!" ~Ghost
|
|
Valeriy
Mage of the Land
Naughty, Naughty Valeriy
|
|
posted September 03, 2014 04:33 AM |
|
|
Thanks for the tests and suggestions. It sounds like the problem may be exclusive to recent versions of Internet Explorer.
I've tried all combinations of the CSS tweaks but sadly no result. What else could we try?
____________
You can wait for others to do it, but if they don't know how, you'll wait forever.
Be an example of what you want to see on HC and in the world.
http://www.heroesofmightandmagic.com
|
|
mvassilev
Responsible
Undefeatable Hero
|
|
posted September 03, 2014 04:42 AM |
|
|
|
yogi
Promising
Famous Hero
of picnics
|
|
posted September 03, 2014 04:58 AM |
|
Edited by yogi at 05:00, 03 Sep 2014.
|
|
markkur
Honorable
Legendary Hero
Once upon a time
|
|
posted September 03, 2014 07:28 AM |
|
|
|
My IE 11.0.9600 is working but with Update 11.0.11 and KB2976627
|
|
yogi
Promising
Famous Hero
of picnics
|
|
posted September 03, 2014 04:37 PM |
|
Edited by yogi at 16:38, 03 Sep 2014.
|
|
Valeriy
Mage of the Land
Naughty, Naughty Valeriy
|
|
posted September 04, 2014 01:15 AM |
|
|
You've got it, yogi! It was the missing doctype 
I've tried just doctype HTML and it fixed the menu, but broke some other stuff. However, HTML 4.01 Transitional fixes the menu without breaking other things on the page, so that seems like the one to go with.
Now the dilemma is that HTML tag is hard-coded in nearly every HTML page of the site (of which there are at least several hundred). I guess there is no work-around other than manually editing every page to insert the doctype at the top?
BTW, could you confirm if the menu on HOMM1 main page now opens up in all browsers? It works here for FireFox and IE10 now.
____________
You can wait for others to do it, but if they don't know how, you'll wait forever.
Be an example of what you want to see on HC and in the world.
http://www.heroesofmightandmagic.com
|
|
mvassilev
Responsible
Undefeatable Hero
|
|
posted September 04, 2014 04:22 AM |
|
|
Possibly related to this change: the font of the links in Last 10 replies shrunk by a size. I normally browse HC at 110% zoom (Chrome), and they look different now from how they looked before. When I zoom in to 125%, they look normal (like they did at 110% before), though of course all the other text looks too big, then.
____________
Eccentric Opinion
|
|
Valeriy
Mage of the Land
Naughty, Naughty Valeriy
|
|
posted September 04, 2014 12:20 PM |
|
|
mvass - I haven't changed the styling on HC main page (these files are not connected to AOH), so it must be something changing on your computer.
I was working on improving the menu further and inserted a search box in the bottom of the first drop-down. And another Internet Exploiter problem! When the pointer hovers over the search box (which is an iframe) the display status of the ul/li reverts to none - only in IE! Grrrrr... I'm starting to like mvass's banner suggestion 
____________
You can wait for others to do it, but if they don't know how, you'll wait forever.
Be an example of what you want to see on HC and in the world.
http://www.heroesofmightandmagic.com
|
|
JoonasTo
Responsible
Undefeatable Hero
What if Elvin was female?
|
|
posted September 04, 2014 12:24 PM |
|
|
You should know by now that IE never follows the specifications like they were supposed to 
____________
DON'T BE A NOOB, JOIN A.D.V.E.N.T.U.R.E.
|
|
Storm-Giant
Responsible
Undefeatable Hero
On the Other Side!
|
|
posted September 04, 2014 12:47 PM |
|
|
mvassilev said:
Possibly related to this change: the font of the links in Last 10 replies shrunk by a size. I normally browse HC at 110% zoom (Chrome), and they look different now from how they looked before. When I zoom in to 125%, they look normal (like they did at 110% before), though of course all the other text looks too big, then.
It's only related to Last 10 replies? Recently I also had problems with fonts on Chrome, I followed this and it's back to normal now:
https://twitter.com/R1CH_TL/status/504306205226201089
https://twitter.com/R1CH_TL/status/504309900798074880
____________
|
|
mvassilev
Responsible
Undefeatable Hero
|
|
posted September 04, 2014 01:03 PM |
|
|
It's only a problem with the last 10 replies. Everywhere else looks the same as before. I encountered this problem today for the first time. And DirectWrite is already disabled.
____________
Eccentric Opinion
|
|
yogi
Promising
Famous Hero
of picnics
|
|
posted September 04, 2014 06:53 PM |
bonus applied by Valeriy on 17 Sep 2014. |
|
@Valeriy:
you could use a macro program to do all the copy pasting for you.
everything still works fine in Chrome and Safari.
however in ie9 i am unable to actually peruse the drop down menu because there is a margin problem bumping the menu down a couple pixels - just enough so that when i move my mouse down to access the menu it crosses these "dead space" pixels and the menu disappears.
so you know, i believe you can still target just ie browsers in css with the !important tag that i demonstrated in my post above; or also with separate style sheets by using the following linking method in your header:
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="styles-ie8.css" /><![endif]-->
<!--[if IE 9]><link rel="stylesheet" type="text/css" href="styles-ie9.css" /><![endif]-->
<!--[if IE 10]><link rel="stylesheet" type="text/css" href="styles-ie10.css" /><![endif]-->
and so on..
|
|
JoonasTo
Responsible
Undefeatable Hero
What if Elvin was female?
|
|
posted September 06, 2014 12:18 PM |
|
Edited by JoonasTo at 12:20, 06 Sep 2014.
|
mvassilev said:
Possibly related to this change: the font of the links in Last 10 replies shrunk by a size. I normally browse HC at 110% zoom (Chrome), and they look different now from how they looked before. When I zoom in to 125%, they look normal (like they did at 110% before), though of course all the other text looks too big, then.
Same thing in the latest release of Firefox(32.0 for win8).
Everything on the main page of Heroescommunity from Last 10 Replies down is too small.
31.0 for gentoo works normally
____________
DON'T BE A NOOB, JOIN A.D.V.E.N.T.U.R.E.
|
|
Valeriy
Mage of the Land
Naughty, Naughty Valeriy
|
|
posted September 07, 2014 01:27 PM |
|
Edited by Valeriy at 13:29, 07 Sep 2014.
|
OK, so the font change on HC main page was caused by changes in the web browsers. Apparently they now require quote marks in font tag attributes. It has been fine quoteless for 15 years, and now they require it!!! What arrogance... Anyway, this was easy to fix
Well spotted with the margin problem, yogi, I'll see if I can do something browser-specific to address it like you suggest.
____________
You can wait for others to do it, but if they don't know how, you'll wait forever.
Be an example of what you want to see on HC and in the world.
http://www.heroesofmightandmagic.com
|
|
JoonasTo
Responsible
Undefeatable Hero
What if Elvin was female?
|
|
posted September 07, 2014 01:34 PM |
|
|
|
mvassilev
Responsible
Undefeatable Hero
|
|
posted September 07, 2014 01:41 PM |
|
|
That didn't fix it for me in Chrome. When I edit the HTML of the source page and change the line height to 18 (from 16) and the font size to 12 (from 10), it looks normal.
____________
Eccentric Opinion
|
|
Valeriy
Mage of the Land
Naughty, Naughty Valeriy
|
|
posted September 15, 2014 07:43 AM |
|
Edited by Valeriy at 07:50, 15 Sep 2014.
|
I think I managed to fix the menu gap issue. Works on my IE10 and for all IE version simulations in IE10 developer tools. Could you confirm if it works in various IE versions for you? (the fix is still only on HOMM1 main page).
One glitch remains - menu disappears when cursor hovers over the search box iframe. This is a confirmed bug in IE 9 onwards and I haven't found a workable fix. There are some complicated JS/div overlay workarounds but I'm not sure they are applicable given the input box inside the iframe. IE is snow 
____________
You can wait for others to do it, but if they don't know how, you'll wait forever.
Be an example of what you want to see on HC and in the world.
http://www.heroesofmightandmagic.com
|
|
|
|
