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?
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.
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>
Is it necessary to look, website same
in all browser? are some client mad?
isn't it need of pixel perfection ( to inch to inch match with Design) a
madness?
isn't it asking IE6 Pixel perfection,
as of now, is a madness?
Is it sin to to use JavaScript for visual enhancement, like to enable border radius in IE using Javascript and from CSS in other browsers?
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.
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.
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 ?
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;
}
How to add exception in this jquery code?
$(function() {
$("table tr:nth-child(even)").addClass("striped");
});
this code is applying on all tables.
but for specfic pages i don't want strip effect.
I've differnt body id on each page.
I want to know how to add exception for a id.
$(function() {
$("table tr:nth-child(even)").addClass("striped");
//I want to add exception to not to add striped class to only to page with <body id="nostrip">
});
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.
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]-->
latest jquery 1.4.2 downloaded from jquery.com comes with Sizzle.js also.
How and what benefit i can take from included Sizzle.js?
/*!
* jQuery JavaScript Library v1.4.2
* http://jquery.com/
*
* Copyright 2010, John Resig
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* Includes Sizzle.js
* http://sizzlejs.com/
* Copyright 2010, The Dojo Foundation
* Released under the MIT, BSD, and GPL Licenses.
*
* Date: Sat Feb 13 22:33:48 2010 -0500
*/
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.
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.
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:
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;
}
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?
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..
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
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.