In this article I’m going to kill a bunch of birds with a small pile of code.
Not only is this a cross browser horizontal menu that works on browsers all the way back to Internet Explorer 5.5. This menu works without JavaScript on all browsers except for IE 6 & 7.
On top of that the menu works with WordPress themes. In fact list used below is the automatically generated by WordPress.
See the Cross Browser Menu Here
Why Use JQuery to Solve IE Issues
I chose to use JavaScript, or rather JQuery for IE 6 and 7 because I found it was the most straight forward way to solve the problems IE 6 & 7 have with hover. I could have defined a custom htc file so that IE 6 & 7 worked without the included JQuery, but I thought that was overkill.
The JQuery code as you will see below is extremely short and very straight forward.
Well enough talk. If you know of a better way to create a cross browser horizontal menu post the link below. If you like articles like this, share it with others [nttfblike]
Here is the Code
crossbrowsermenu.js
ie.css
index.html
style.css
it works even internet explorer 5.5!!! you definitly made an impact!!
thank you derek very mutch
i’m sure taht i’ll use after reading it and understading it. and if there will be any question i’ll not hesitate. i know that there is a lot of debuging techniques witch will make my life easyer.
for the last tutorial. how to design a website. thank you for the
thank you very mutch for calling me us your best fan. i realy am fan but i know there are and there will be better than me.
what i liked about that tutorial is taht ishowed me a diffrent way to design and mainly how you addapt your qualifications to made it.from artisteer to illustrator!! good
thank you very mutch derek.
I’ll make a video for it as soon as possible. I’m just trying my best to make IE 6 & 7 compliant themes.
i nerver see before a video taking care of IE6 and IE7 and old browsers bugs and showing the triks to fix themes.
i think it’s a pretty good idea.
thank you very mutch derek
Much more is coming. My next theme should work on every browser put out over the last decade 🙂
than i should stay here to see how great is your next tutorial!!!
may we will see also some theme backoffice custumaztions to wordpress cms.
thznk you so mutch derek
Thank you so much, this was exactly what I needed. Your comments in the code helped as I had to customize it, and they made it easy to understand. You have done many people a great service!!
Thank you very much 🙂 I’m very happy to be able to help people