Heroes of Might and Magic Community
visiting hero! Register | Today's Posts | Games | Search! | FAQ/Rules | AvatarList | MemberList | Profile


Age of Heroes Headlines:  
5 Oct 2016: Heroes VII development comes to an end.. - read more
6 Aug 2016: Troubled Heroes VII Expansion Release - read more
26 Apr 2016: Heroes VII XPack - Trial by Fire - Coming out in June! - read more
17 Apr 2016: Global Alternative Creatures MOD for H7 after 1.8 Patch! - read more
7 Mar 2016: Romero launches a Piano Sonata Album Kickstarter! - read more
19 Feb 2016: Heroes 5.5 RC6, Heroes VII patch 1.7 are out! - read more
13 Jan 2016: Horn of the Abyss 1.4 Available for Download! - read more
17 Dec 2015: Heroes 5.5 update, 1.6 out for H7 - read more
23 Nov 2015: H7 1.4 & 1.5 patches Released - read more
31 Oct 2015: First H7 patches are out, End of DoC development - read more
5 Oct 2016: Heroes VII development comes to an end.. - read more
[X] Remove Ads
LOGIN:     Username:     Password:         [ Register ]
HOMM1: info forum | HOMM2: info forum | HOMM3: info mods forum | HOMM4: info CTG forum | HOMM5: info mods forum | MMH6: wiki forum | MMH7: wiki forum
Heroes Community > Turban Tribunal > Thread: Any CSS Experts on HC?
Thread: Any CSS Experts on HC? This thread is 2 pages long: 1 2 · NEXT»
Valeriy
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
friendofgunnar
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


 Send Instant Message | Send E-Mail | View Profile | PP | Quote Reply | Link
yogi
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.
____________

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
Valeriy
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
mvassilev
mvassilev


Responsible
Undefeatable Hero
posted September 03, 2014 04:42 AM

A banner that says DON'T USE INTERNET EXPLORER.
____________
Eccentric Opinion

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
yogi
yogi


Promising
Famous Hero
of picnics
posted September 03, 2014 04:58 AM
Edited by yogi at 05:00, 03 Sep 2014.

heres a couple question and answer sessions that might help:

http://stackoverflow.com/questions/15754726/css-drop-down-menu-not-working-in-ie9

http://wordpress.org/support/topic/ie9-css-drop-down-menu-is-not-working



what mvassilev said!
____________

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
markkur
markkur


Responsible
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
yogi
yogi


Promising
Famous Hero
of picnics
posted September 03, 2014 04:37 PM
Edited by yogi at 16:38, 03 Sep 2014.

it looks like the issue stems from the lack of a doctype declaration:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.heroesofmightandmagic.com%2Fheroes1%2F


heres a couple more question and answer sessions on the subject:

http://csscreator.com/topic/css-drop-down-malfunction

http://stackoverflow.com/questions/17217265/css-drop-down-menu-not-working-properly-in-ie10
____________

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
Valeriy
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
mvassilev
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
Valeriy
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
JoonasTo
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.

 Send Instant Message | Send E-Mail | View Profile | PP | Quote Reply | Link
Storm-Giant
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
____________

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
mvassilev
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
yogi
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..

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
JoonasTo
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.

 Send Instant Message | Send E-Mail | View Profile | PP | Quote Reply | Link
Valeriy
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
JoonasTo
JoonasTo


Responsible
Undefeatable Hero
What if Elvin was female?
posted September 07, 2014 01:34 PM

Yup, fixed it for firefox.
____________
DON'T BE A NOOB, JOIN A.D.V.E.N.T.U.R.E.

 Send Instant Message | Send E-Mail | View Profile | PP | Quote Reply | Link
mvassilev
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
Valeriy
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

 Send Instant Message | Send E-Mail | View Profile | Quote Reply | Link
Jump To: « Prev Thread . . . Next Thread » This thread is 2 pages long: 1 2 · NEXT»
Post New Poll    Post New Topic    Post New Reply

Page compiled in 0.0439 seconds