[jQuery] Re: Solution To Many Of Your CSS Nightmares!
HOW IT WORKS:
the !important property forces that style to override all other css,
whether style-sheets, inline-css, header-styles, and whether above or
below in the css hierarchy.
Yes, important will override, but only for the one property using it.
Let's assume you have to css files both containing a selector:
.doesntwork {
float: right;
width: 240px;
}
and in the other file
.doesntwork {
width: 300px;
}
So if the file you're changing is the second, you'd end up with
.doesntwork {
width: 300px !important;
}
which is fine, however the browser will apply
.doesntwork {
float: right;
width: 300px;
}
and I bet you didn't want the float in there :-)
Best is to just use things with unique identifiers.
Uwe
[jQuery] Re: IE z-index problems with superfish and jquery.cycle.plugin.
On Wednesday 03 December 2008, elvisparsley wrote: I have images with jquery cycle under superfish. Dropdown submenu of superfish over the images goes behind the images. I put z-index: 100; for the superfish menu and it works with firefox but not with IE. Can anyone help me out with this problem? Thanks in advance. I've had a similar problem recently which nobody could answer. However, what I found is this: if you have an element that is floating and has a position of relative, superfish will go below it in all IE versions I have to test (not firefox,chrome or safari). Remove the relative positioning and everything is fine, but it might screw up whichever element you have that shines thru. I don't know if that's the same issue you have, but symptoms sure look very similar. HTH Uwe
[jQuery] Re: .ajax and ie7?
On Saturday 29 November 2008, Jeffrey Kretz wrote: This may be overkill for your needs, but it is free: http://www.microsoft.com/express/vwd/ It also has jQuery-aware intellisense. Whenever I need to debug an IE script page, I do ALT-V, U, O, pick the VS Debugger and it opens right up with all the scripts available, can set breakpoints, view variables and properties, etc. etc. As much as I adore Firebug and can't live without it, its debugger is FAR eclipsed by the Visual Studio one (IMO). Thanks for that link. I was just going to ask if there even is a half way decent debugger for IE. Windows is so unwieldy when it comes to debugging (but that may just be me, as using Windows is a pain for me and I only do when there's absolutely no way around it...) Personally I write my stuff for Firefox (or better standards compliant - where firefox has it's issues every now and then, but far less than IE). Once all that works I start to degrade it to IE7. On all websites where I can make the decision (non-client websites), I don't even support IE6. Hey, if you use that old piece of crap you don't deserve visiting my website. The only thing I do for those guys is give them the download links to IE7, FF,Safari or Chrome.
[jQuery] Superfish menu stays under floating element
Hi, I've been googling and trying things, but I don't seem to find anything tangible. I'm using the latest version of superfish with jquery 1.2.6 Below the menu is an element (div with image) that floats left. FF and Safari display the menu properly. IE6 and IE7 push the menu below the floating element, so parts of the menu are not visible. Funny enough, the old version of superfish I was using for quite a while now doesn't have this issue. I tried experimenting with zindex settings for the menu, but they do just nothing. Does anybody out there know how to get around this issue? Thanks Uwe
[jQuery] Superfish menu stays under floating element
Hi, I've been googling and trying things, but I don't seem to find anything tangible. I'm using the latest version of superfish with jquery 1.2.6 Below the menu is an element (div with image) that floats left. FF and Safari display the menu properly. IE6 and IE7 push the menu below the floating element, so parts of the menu are not visible. Funny enough, the old version of superfish I was using for quite a while now doesn't have this issue. I tried experimenting with zindex settings for the menu, but they do just nothing. Does anybody out there know how to get around this issue? Thanks Uwe
[jQuery] Re: how to get the size of the image file before user upload it.
Does swfupload work on all platforms/browsers? Last time I tried a flash-based uploader it crashed FF (linux) every time. Uwe On Tuesday 04 March 2008, Rick wrote: swfupload can do that :) On 4 mrt, 04:25, Xinhao Zheng [EMAIL PROTECTED] wrote: hi all, is there a way to do this that can work both under ie and FF.thanks in advance. George
[jQuery] Re: barack obama website uses Jquery
Well, since he's spending millions for flyers most people throw away, he really should donate a couple bucks to the JQuery project ... 50 grand would go a long way I guess :-) On Saturday 01 March 2008, Rey Bango wrote: Yep. The site has been using it since day one which was awesome! Thanks for sending the reminder though. Its good for the new folks to see how entrenched jQuery has become. Rey PaulM wrote: I voted for Hillary but I also noticed that BarackObama.com uses Jquery. He has a nice website. Check it out
[jQuery] Re: IE7 DOM manipulation and redraws
Actually I found a workaround for this.
I now inject a dummy div after the remove operation - and that refreshes the
display. Not nice, but it works.
Code now looks like this:
$('#messagecontainer'+messageid).remove();
$('.boxed').append(document.createElement('div'));
where #messagecontainer is the individual result div as stated in my original
post and .boxed is the container which holds all the result divs.
Maybe this is a workaround for someone else, so I wanted to put it on the
list.
Uwe
On Wednesday 02 January 2008, Uwe C. Schroeder wrote:
Hi Everyone,
I've run into a little problem which leaves me stunned.
I'm having a page with a list of div's (a search result). It looks like
this:
container div
div id=result1/
div id=result2/
div id=result3/
div id=result4/
/container div
the result divs certainly contain something. Now I have a button in each of
the result divs that allows the result do be removed. When the button is
clicked (below for result2) this snipped of code is executed:
$('#result2').remove()
On FF2 this works nicely. Not so on IE7 (or 6 for that matter). What
happens is that the element is removed, however the elements below are not
moved up properly. It now looks like this:
result 1
space the height of former result 2
result3 and result4 overlapping
The moment some other javascript that draws on the page is executed
everyting falls in place correctly. In my case it's a modal yes no dialog
(jqmodal), but I assume it doesn't really matter. Anything that draws on
the page will make it look correct.
Any ideas?
Thanks
Uwe
[jQuery] IE7 DOM manipulation and redraws
Hi Everyone,
I've run into a little problem which leaves me stunned.
I'm having a page with a list of div's (a search result). It looks like this:
container div
div id=result1/
div id=result2/
div id=result3/
div id=result4/
/container div
the result divs certainly contain something. Now I have a button in each of
the result divs that allows the result do be removed. When the button is
clicked (below for result2) this snipped of code is executed:
$('#result2').remove()
On FF2 this works nicely. Not so on IE7 (or 6 for that matter). What happens
is that the element is removed, however the elements below are not moved up
properly. It now looks like this:
result 1
space the height of former result 2
result3 and result4 overlapping
The moment some other javascript that draws on the page is executed everyting
falls in place correctly. In my case it's a modal yes no dialog (jqmodal),
but I assume it doesn't really matter. Anything that draws on the page will
make it look correct.
Any ideas?
Thanks
Uwe
[jQuery] Re: IE7 DOM manipulation and redraws
Nope, that doesn't do it either. Actually I was really using a fade effect,
but left that out because I can reproduce it with just the remove.
I'm suspecting this is some kind of interaction of javascripts, because the
site loads a bunch of them (tinymce, jquery, submodal and a couple of jquery
plugins).
Guess I'll have to disable them one by one and see if that helps.
Uwe
On Wednesday 02 January 2008, Karl Swedberg wrote:
Hi Uwe,
Not sure why that's happening, but you could try this instead:
$('#result2').hide().remove()
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
On Jan 2, 2008, at 1:35 PM, Uwe C. Schroeder wrote:
Hi Everyone,
I've run into a little problem which leaves me stunned.
I'm having a page with a list of div's (a search result). It looks
like this:
container div
div id=result1/
div id=result2/
div id=result3/
div id=result4/
/container div
the result divs certainly contain something. Now I have a button in
each of
the result divs that allows the result do be removed. When the
button is
clicked (below for result2) this snipped of code is executed:
$('#result2').remove()
On FF2 this works nicely. Not so on IE7 (or 6 for that matter). What
happens
is that the element is removed, however the elements below are not
moved up
properly. It now looks like this:
result 1
space the height of former result 2
result3 and result4 overlapping
The moment some other javascript that draws on the page is executed
everyting
falls in place correctly. In my case it's a modal yes no dialog
(jqmodal),
but I assume it doesn't really matter. Anything that draws on the
page will
make it look correct.
Any ideas?
Thanks
Uwe
--
UC
--
Open Source Solutions 4U, LLC 1618 Kelly St
Phone: +1 707 568 3056 Santa Rosa, CA 95401
Cell: +1 650 302 2405 United States
Fax:+1 707 568 6416
