What is the role of CSS styles in Accessibility? other than to keep presentation and content separate.
How and what we write in CSS file can affect accessibility of site?
SWF added using swfobject 2.0 and it loading fine on firefox and IE7 but not loading on IE6?
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {};
swfobject.embedSWF("loader.swf", "flash-banner", "920", "320", "9.0.0", "expressInstall.swf", flashvars, params, attributes);
</script>
How to give border to any element using css without adding border-width to the whole width of element?
LIke in photoshop we can give stroke- Inside , center and outside
I think default css border properties is center like center in photoshop, am i right?
I want to give border inside the box not outside. and don't want to include border width in box width.
Which is the best unobtrusive and lightweight jquery solution to make tab? Although Jquery similar to jquery ui. jquery ui tab is good but it's overkill fro for just tab. we will have to add jquery ui core.js, jquery ui tab.js then a little code snippet.
I need lightweight solution. using this type HTML. and jquery code should be in no.conflict mode.
<ul>
<li><a href="#example-1">example 1</a></li>
<li><a href="#example-2">example 2</a></li>
<li><a href="#example-3">example 3</a></li>
</ul>
<div id="tabs-1">
<p>
tab 1 content</p>
</div>
<div id="tabs-2">
<p>
tab 2 content</p>
</div>
<div id="tabs-3">
<p>
tab 3 content</p>
</div>
tabs content should be accessible if js is disabled.
I made a website for client in wordpress and client will ad ur own content. Client doesn't know how to handle Wordpress and XHTML CSS. but he knows MS word 2007.
Client is on remote location.Is there any easy to understand article/video tutorials to give to client on how he can understand wordpress admin and add content/images/video using editor?
and how to disable unneeded things for client from wordpress admin ?
Which sites/blog (not book) would you prefer to learn advanced CSS techniques (not basic)? Site which updates new only css and pure css (no client side and server side) techniques, articles on daily or weekly basis.
Or you can suggest any pure css rss feeds.
My aim is to learn one new technique/trick daily. I know some well known blogs but do you know any other not well known but good blogs/sites.
I want to know some hidden treasures.
What is the usefulness of these 2 things in CSS reset?
What is the problem in resizing of input elements in IE and in which version?
and if legend color doesn't inherit in IE then how it can be solved adding color:#000;
/*to enable resizing for IE*/
input,
textarea,
select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
color:#000;
}
is there any css validator with CSS3 and vendor specific extensions support?
I only want to see problem other than CSS 3 and vendor specific extensions related errors.
Which sites/blog (not book) would you prefer to learn advanced CSS techniques (not basic)? Site which updates new only css and pure css (no client side and server side) techniques, articles on daily or weekly basis.
Or you can suggest any pure css rss feeds.
My aim is to learn one new technique/trick daily. I know some well known blogs but do you know any hidden treasures.
What is the difference between these 2 selectors a[type="application/pdf"] and a[href$=".pdf"]
a[type="application/pdf"] {
background-image: url(/images/pdf.gif);
padding-left: 20px;
}
a[href$=".pdf"] {
background-image: url(/images/pdf.gif);
padding-left: 20px;
}
IE 6 only support :Hover on <a> then can we make css drop down using :hover on <a>
http://htmldog.com/articles/suckerfish/dropdowns/
This example use JavaScript to add hover on LI
'sfhover' class to li elements in the
'nav' id'd ul element when they are
'moused over' and removes it, using a
regular expression, when 'moused out'.
So now we've got the Suckerfish
pumping out new classes, the next step
is to simply duplicate the :hover
selector with 'sfhover' class
selectors:
This code should i place this code at bottom of body it's in conditional comment.
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta2)/IE7.js"></script>
<![endif]-->
like
img { background-color:color: color matched to the theme}
or
img { background-image:url (a very very tiny gif image with the text "image loading") }
I'm thinking in the benefit of this when user access site on slow connection then background color will give clue about something is there which is diffrent than text content..
Is it only for screen reader software? because browser renders both type of tags semantic and presentational in same manner.
For example:
for browser for us and for css <strong> and <b> is same. what is the purpose to semantic tag over presentational tag.
is it for screen readers only or it's for better management of code?
if it's for developer strong and b both can produce same result on browser.
What is harmful in to use css hacks instead of IE conditional stylesheets. What is bad with css hack , will i get any problem in css management now or in future with hacks. I read many articles but haven't found any good reason.
adding extra external conditional stylesheet means one more HTTP request.
Is there any Inheritance problem with <table>, tr th td tbody thead tfoot also like form elements?
In IE 6+ and FF 3+ with Strict doctype.
Tables also have inheritance turned off in some browsers. You may
notice that in some browsers, your
tables’ text will be larger, clunkier
and not so pretty. This is also due to
inheritance. Many browsers give tables
their own style.
It's mentioned here http://www.komodomedia.com/blog/2006/10/css-trickery-part-5-inheritance/
For which browsers author is talking about, it's not mentioned
I tested on FF 3.6 and IE7 but unable to find is there any issue.
I just wanted to be sure before adding this in my CSS reset. Do i really need this?
table {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
If' I use XHTML 1.0 Strict currently then should i leave to use those XHTML Elements/Tags/Attributes which will not in HTML 5 spec.? if I'm using
<acronym> and <big>
in my projects i use em for sizing of font only with body {62.5%}?
with this method i can easily calculate em value.
so what are pros and cons if i use em sizing unit for width, height, padding, margin, line-height also along with font for fixed width layouts?
How can i do this task automate. i need to change source order of div, which has same id in above 100 pages.
i created example
This is default condition
<div class="identification"> <div class="number">Number 1</div> </div>
<div class="identification"> <div class="number">Number 2</div> </div>
<div class="identification"> <div class="number">Number 3</div> </div>
<div class="identification"> <div class="number">Number 4</div> </div>
<div class="identification"> <div class="number">Number 5</div> </div>
<div class="identification"> <div class="number">Number 6</div> </div>
I need lik this
<div class="identification"> <div class="number">Number 1</div> </div>
<div class="identification"> <div class="number">Number 3</div> </div>
<div class="identification"> <div class="number">Number 2</div> </div>
<div class="identification"> <div class="number">Number 6</div> </div>
<div class="identification"> <div class="number">Number 4</div> </div>
<div class="identification"> <div class="number">Number 5</div> </div>
Is the manual editing only option? I use dreamweaver.
Why some people called css+div based layouts to "Tableless Layouts"?
What should we called?
Is "Tableless Layouts" a perfect word? or "css layouts" is more perfect word?
Although for tabular data we always use tables. and just to use div in place of table tr td is not enough. and overuse of div is as bad as table layouts