Is it bad to be semantic purist all
the time, at work? is it not achievable all
the time ?
when i saw code of any other
person/interviewee. I know selection
of element for a purpose is most
important thing.
what i should judge person ability
from his code; from a good written,
managed, optimized css or how he
wrote class and id names?
Or both every time.
How to give style to list item only if item has another list inside otherwise style should not apply? using css only.
See example here http://jsbin.com/udora
I want to remove arrows from all other items except "Articles" and "Pitching Past the 7th Inning"
I realized it's not possible with css any working jquery solution with demo?
Why W3C Validator showing parsing error on this. I selected CSS3 profile also from dropdown.
a[href $=.xls]{background: transparent url(ms-excel-icon.gif) left top no-repeat;
padding-left: 22px;display: block;height: 16px;}
What are cons to use custom fonts techniques compare to web safe fonts? in terms of
site performance,
site maintainability,
Development time
screen readers users,
mobile users,
low speed users
Sighted User experience
How to convert any fixed width layout to flexi-width layout? any quick tips?
In a website should we make every thing flexi-width?
Header, footer, left or right sidebar, main content column?
Should we make everything in 100% width or we should define a max-width for better readability?
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.
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;
}
Is Firebug lite must needed in Sitecore shell? What is the use of this for content authors?
http://alexeyrusakov.com/sitecoreblog/CommentView,guid,6704bf3d-8980-4f29-9ac2-125cff64bb80.aspx
as mentioned on this site
Note that while JavaScript files are
not reliably cached by browsers, CSS
files are.
http://www.websiteoptimization.com/speed/tweak/http/
How to make inline png transparent inside div? using css
<div id="report'>
<p> some text </p>
<img src=transparent.png" />
</p>
</div>
this is image for example . Other than ball i want to make transparent other white area. Which is looking grey in IE6
I want to do in css like this div#report img {.....} is it possible?
Edit:
I don't want to make whole image transparent.
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.
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.
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?
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?
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?
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:
If i I'm not using any transparent png, not using :hover on other thank a:link,
Is it possible to make cross browser layout without having any IE conditional CSS .and keep main css valid?
What things we should consider?
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>