I found a vertical menu but I'm having some problems with it , because i have some incompatibility with ie 7, 8, 9 and also with safari, just it working for firefox.
Here I leave the website www.timetarget.com/newsite
please any help or comments will be help me .
Cheers
Try setting the position of .navmenu li:hover > ul to absolute.
Related
I'm using the Wordpress theme Phoenix for my portfolio but i'm having an issue with the portfolio section. Each project is open in an overlay and i can't seem to find the reason why there is no link on the cross made to close it.
https://maurugeonyannick.com/Portfolio_V2/
You are using z-indexes and that's messing up some of your layering.
I would place a z-index of 10 to your .overlaytop class. That will fix your issue.
As it currently stands, your .overlaytop element is buried underneath your .container element having a z-index of 2, then within your .container you have your main heading with a z-index of 3, etc.
Using chrome's dev tools, adding the z-index of 10 to
<div class="col-md-12 overlaytop" />
addressed the issue.
Thank you!
I had a negative margin on the overlaytop class aswell. I knew it was something like this but i couldn't find the issue :)
.overlay .overlaytop {/*margin-bottom:-30px*/ z-index:10;}
Solved my issue.
You're the best!
http://mapleleafmarkets.com/ is the website. I was assigned this from another dev who couldnt figure it out... it has me scratching my head too.
i have tested this on ie chrome and safari but mozilla seems to not play with absolute positioning the same way the others do. Any one have a clue?
thanks!
was able to fix this using a nice mozilla CSS hack
#-moz-document url-prefix() {
.navbar {
margin-left: -550px !important;
}
}
When viewing the source code in an instance of CKEditor, the code is not wrapping when using Firefox (version 36.1). I have checked this with the CKEditor demo to make sure it is not my code, and this problem happens there too.
I have checked the demo in Internet Explorer 11, Opera 27.0 and Chrome 41 and the source code wraps in all of these browsers, so why is it not wrapping in Firefox?
I am using Windows 8.1.
Thanks.
It's a recent change in Firefox and you can fix this by adding to your stylesheets:
textarea.cke_source {
white-space: pre-wrap;
}
Check this ticket. This issue will be fixed in next minor CKEditor release.
Thank you Reinmar. I was able to fix this by changing this style in:
ckeditor/skins/moono/editor_gecko.css
.cke_source{
font-family:'Courier New',Monospace;
font-size:small;
background-color:#fff;
white-space:pre
}
was changed to
.cke_source{
font-family:'Courier New',Monospace;
font-size:small;
background-color:#fff;
white-space:pre-wrap
}
I changed this in editor.css as well.
I am creating a Wordpress theme with Bootstrap 3.
I add html5shiv.js and respond.min.js in head and, now, the theme works in IE8.
When I open the website, for a second and only in IE8, the layout isn't correct and then is perfect.
What is the best practice to fix this initial visualisation problem?
Stop using Ie8, it is dead ....
I solve with a css "respond-fix.css" inside conditional comment with this css code:
body{visibility:hidden} #media screen and (min-width:1px){body{visibility:visible}}
Please open this fiddle with both firefox and Chrome.
http://jsfiddle.net/mattdevo/5bdDd/
as you may notice, text flows past div in firefox.
What is my mistake? (removing strong tags did not help...)
Thanks,
You're using display:-moz-box;; if you really need it you should also add -moz-box-orient: vertical;
Using a Firefox only display type leads to incompatibility, that's normal.
If you remove
display:-moz-box;
This works in FF as in Chrome.