Is there a way to prevent this in Firefox 4.0 using CSS? It's where you click on a link (or anything) and begin to drag it, and another semi-transparent image of it appears under your cursor as you drag...
Looks something like this:
Draggable link:
Link
Non-draggable link:
Link
Example.
I have not found a CSS solution yet (I will keep looking), but in the meantime, I found a JavaScript solution in the Mozilla Developer Center's article on Drag Operations. It may be of use to you.
This is not specific to Firefox 4. See this screenshot from my FF 3.6:
Related
I don't want my tabs to have a Drag and Drop feature like Chrome (as covered by this question: Apply chrome like tabs in Qt) - I just want them to look like Chrome tabs.
I'm currently using QTabWidget, but its built-in shape QTabWidget::Triangular is so ugly. What do I need to use? Stylesheet or image or something else?
You can use border-image property of the QTabBar::tab. Just read the documentation as to how you could style border-image. There is a nice explanation in the documentation.
I have done something like this using above method.
You could do the same. To change the close button you could style QTabBar::close-button.
The final answer is you can achieve what you required, just using Qt stylesheets.
I'm not really sure how you can make it look exactly like Chrome, but you can try using border-top-left-radius, border-top-right-radius, border-bottom-right-radius, and border-bottom-left-radius in Stylesheets
Reference
I have a facebook like-box on my site, and i want to style the scroll bar that appears in the iframe. But i cant seen to find a way to do it. Anyone knows how its possible, or if it even ARE possible.
Thanks in advance
plz go through this link http://rocketpopmedia.com/discover/2010/06/02/how-to-style-the-facebook-like-box-using-css/
I hope this is actually what you want
EDIT:
the question is already discussed in stckoverflow you can check this out Can you style an iframe scrollbar without access to the iframe's css?
You can use this technique to style the scrollbar, however it only works in WebKit browsers (Chrome & Safari)
You can always simulate some scroll control with css.
I'm getting a wierd bug in Safari 5.0.5 for windows. When I apply my styles the down arrow in the select box button disappears. I tried removing classes and it seems multiple classes trigger the bug. Any help would be much appreciated. You can see an example at http://jsfiddle.net/fbsRY/2/
You cannot reliably style select elements using CSS as browsers try to stick to the operating systems defaults. If you MUST style these elements, you'll probably have to find a JS based alternative.
Not a full solution, but I did find more details about the problem at http://www.codingforums.com/showthread.php?t=179464. It seems that it might be a bug related to the Windows Classic Theme. I'm kind of a geek that way. Love my flat gray interface :)
As you know in any browser you can select a 'piece' of the website and you can get the HTML code for your selection,
well,
is there any tool you can do the same and it shows you the CSS that only afects to your selection?
EDIT
I know you can get the CSS affecting a tag using Firebug, but how about getting the CSS affecting a larger selection of code?
The tool I was looking for
Dust-Me Selectors (Firefox Add-on)
https://addons.mozilla.org/firefox/addon/5392/
but it's not supported by firefox 6 i needed to downgrade.. (its in developement, dough)
Yes: http://getfirebug.com/
Use the "Inspect element" option.
Fore developing, you can use Firefox addon FireBug, and for Chrome and IE, there are developer console under F12 key, that allows you to select DOM element, and see all set properties.
With firebug in firefox you can use the inspect element tool:
use the mouse, click on any part of the page
you'll see in the right
bottom of the screen the CSS of that part of the page.
There you get all the CSS values hierarchy, even the superseded values.
Also, you can copy all, selecting and copying
I have built a context menu but have found annoyingly that when I right click on my site in firefox all text and images just seem to randomly get selected. It is not a JS issue as I have removed all JS from the site. Thinking it must be a css issue. I have never encountered anything like this before...
I don't have an example page to show I'm afraid. Has anyone experienced this before in Firefox. I am using the latest FF4.
Cheers Guys!
*UPDATE:*
Here is a pasting of the pure html from the page that is having issues,
http://jsbin.com/aneja4/3/edit
did you try to disable all your addons you have installed? maybe one of them is causing the problem.
I have FF 4 but neven encountered this problem before.
And I could be wrong but I don't know of any css code that would be able to select text. it's pure for the design and structure of the site. it will be mostlikely a js problem or something else
I have seen this too... I think it has something to do with the way the site is structured... If you have nexted divs, or a div that does not quite cover the entire page, a right click on the parent div seems to select everything in the nested div. It's quite annoying... especially when trying to build a custom context menu, or use the default menu to refresh the page...
Any fixes/changes that we should know about for FF that is causing this? I'm using FF4 and XP (yeah, yeah... corp. system)
JF
It's likely a problem with your HTML layout that firefox is struggling to work with. But without seeing any code, it's not possible to speculate any further down that path. #JDF's suggestions may help you, though.
If you can't work it out, and can't live with it, you could just disable the ability to select text.
In Firefox (and other standards-compliant browsers), you'd use the CSS user-select: none;.
See this question for more info on how to achieve this: How to disable text selection highlighting using CSS?
This is most likely caused by having a contentEditable element on your page. Any element (other than body it seems) that contains editable content will be highlighted/selected when you right click on it in Firefox (4.0 and 5.0 is all I can confirm). If everything on your page is wrapped in a div it'll appear that the whole page is selected. If you (can) right-click somewhere on the body the regular context menu should work.
Although I can't see any instances of contentEditable in your code on jsbin, it could be added by a script that I can't see (possibly even modernizr?).
I think this is related (although it doesn't match exactly)
http://support.mozilla.com/en-US/questions/766166
http://aloha-editor.org/ exhibits the same behaviour when right-clicking anywhere inside the #wrapper div.