In my css file I have this:
#imageDes {
opacity:.70;
filter: alpha(opacity=70);
}
if I use this on html page and open it in IE8, I get an activex warning!
What can I do?
My understanding is that mime types are set by the web server. Why do we add the type="text/javascript or type="text/css" attribute? Isn't this a useless and ignored attribute?
Does anyone knows how to completely disable skinning support in Apache Trinidad?
All I need from the solution is to skip sending trinidad-specific CSSes all together.
I'm trying to overcome some CSS issues arising from theirs styles (like the one adding 8px top margin on IE with the absolutely highest priority).
Is there an easy way to apply CSS/icons to the modal buttons on a jQuery UI modal dialog box?
If I include the HTML to display an icon with the button text, it shows the HTML as text rather than rendering the code.
I'm guessing I could write some jQuery to find the button and overwrite the HTML with what I want, but I'm hoping there's an easier more direct way.
Everyone, every blog is talking about HTML 5 and giving solution to use HTML in all browsers including IE6.
Should we leave XHTML 1.0 now and go
for HTML 5 and use JavaScript for IE6 support?
Does all other desktop/mobile browser
except IE6 supports HTML 5 without
adding JavaScript?
Will every browser render CSS written
for HTML 5 elements?
What about Screen- readers?
What are pros and cons to choose HTML 5 for all new projects?
Today i found a good example to make whole div clickable in coolway.
http://is.gd/b9xQm
Is there a way to make this effect compatible with Screen-reader and keyboard user and even at least accessible if JS disabled (using css hover).
Atleast link should be shown somewhere if JS is disabled.
I am facing a critical problem i am using ajaxmodalpopupextender in my page.
It's working fine in FireFox with a great view but it's not working fine that is it displays in a side in IE and background is also not looking as is set.
I tried almost all things like
Using CSS
Having the panel in div and setting
div style="position:absolute;left:140;top:100;"
Doctype of page to xhtml
But there is nothing to get it all. Please help.
Please, have a look at: http://twitter.github.com/bootstrap/base-css.html
There are many examples like this one:
if you look closer to the block borders, you can see that the gray block is under the white one. Using the browser's developer tools you can see that both boxes have an inherited z-index: auto;
I can't reproduce this effect on my website (without using z-index).
So, my question is: Why is the gray block under the white one?
I recently came across a webpage using the font "ff-tisa-web-pro-1" (specified in their css file).
How does that work? I definitely don't have this font on my computer, yet it was displayed.
I have to show like
(a)
(b)
(c)
Update:
I found a CSS way
ol {list-style-type: none;}
li:before {content: "(" counter(section, lower-alpha) ") ";}
li { counter-increment: section;}
but it not works in IE 7 and lower.
How to enable support of counter in all other browsers using jquery which do not support natively.?
Simple question - what part of my CSS do I tweak to adjust the gap between a bullet/number and the first text character in an HTML list?
Bonus question - I've seen it mentioned here that controlling table spacing by adjust padding on table tr td {} is bad practice, but I haven't seen someone explain how you're really supposed to do it...?
This seems like a pretty natural use case to me, though I haven't been able to find anything on it:
Say I have a fixed-width div that is dynamically populated with some number. What's the best way to ensure that numbers with more digits take smaller font sizes such that they fit nicely into that fixed width? Is there some CSS property for this, or do I have to resort to Javascript hackage?
I manage a website called ShareDen.com (http://shareden.com/home) and it looks the right way in Mozilla Firefox and it's totally completely discombobulated in Safari. I Haven't tested it in other broswer's (still in process) however my guess is it looks horrible in IE 8.
Could it be because I just added the CSS Sticky Footer to my site? This wasn't happening before. Please help!
Thank you in advanced!
How to make maintenance document for a website? I've created a site using XHTML ,CSS, jQuery etc. it's big site.
Now i have to write a maintenance document for a site for if any changes comes in future related to design, content and functionality then those things will be handled by someone else.
How and what should i keep in maintenance document.
I create small web app and it works in IE but I tried in firefox many css layouts are unavailable and images are not appeared.To appear image and to work in both browsers,how can I handle.Please tell me the way .Thanks
Does anyone know good example of using CSS to create rounded corner box where:
All 4 corners and 4 sides are image. The sides have repeated img
The width is constant while height is flexible
Work all in FF 3.x, IE 7 or higher, Chrome
Let me know. Thanks
When tab to a link on my webpage in Chrome, the tab hightlight box around this image link appears like this:
(the orange border is what Chrome shows as the highlight box)
The HTML/CSS isn't all that special:
<a href="download.html">
<img src="images/download_button.png" class="downloadbutton"/>
</a>
img.downloadbutton
{
margin-right: 0px;
border:none;
}
Any ideas?
http://www.w3.org/QA/Tools/Icons
If my code is valid then Should i add
logo to all my personal and client
sites.?
Should i add logo to client sites and
tell to client these are good to
have?
If code is valid but semantically
correct even can we use logo?
What is benefit and purpose to add
these logos for XHTML, CSS
accessibility.
And what is the difference between
Gold and Blue logo
Why W3C provide these logos?
I'd try to explain what I mean, but there is an easier way: click here for jsfiddle example.
Basically I want the border color of the div rfrsh_btn to change when productOptionsMenu is hovered over.
I'm using jQuery with the .noConflict var because this site also uses Prototype.
jQuery:
var $j = jQuery.noConflict();
$j(".productOptionsMenu").hover(
function () {
$j(#rfrsh_btn).css({"border-color":"#85c222"});
};
);
Thanks :)
Dear all,
By default GWT RichTextArea is transparent against the body background etc, this is true for Firefox, Chrome and Safari. But for Internet Explorer, it is not. Changing the css for like background-color etc doesn't seems to help, it is still giving me a white background within RichTextArea.
Need your assistance, thanks in advance :)
Okay, just to make it quick.
1) Go to www.simplefire.com.au
- with Firefox / IE
- with Chrome.
2) The image on the right seems to have blue border on Firefox / IE, but Chrome displays the
page perfectly.
Anyone knows what the problem might be?
I'm using wordpress and if it helps my style.css could be found here:
http://shortText.com/m5c9l0pel
Thanks for the help folks!
I am currently trying to justify text in a textarea, unfortunately the CSS:
text-align: justify;
Doesn't work on the text like center, left and right do. I've tried this in both Firefox 3 and IE 7 with no luck.
Is there any way around this?
Im using this code:
$(this).css('backgroundcolor', localStorage.getItem('bgColorr') + " !important;");
When i write:
alert( localStorage.getItem('bgColorr') + " !important;");
It gives me the proper alert, rgb(243,102,42) !important; ....
Really getting to me.. thanks guys!