<div id="main">
<p> one </p>
<p> two </p>
<p> three </p>
<p> four </p>
<p> five </p>
<div>
I don't want to apply css on first <p>One</p>
p {color:red}
i need just opposite of firstchild.
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.
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 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 make inline png transparent inside div? using css
<div id="report'>
<p> some text </p>
<img src=transparent.png" />
</p>
</div>
I want to do in css like this div#report img {.....} is it possible?
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
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 if we use JavaScript to apply only CSS property to that browser who do not support that property by default? to keep my HTML semantic and keep free from Deprecated HTML.
Is it against content, style and Behavior separation?
How much it will effect to site accessibility, usability?
What are cons?
If I make accessible site then should i only use whatever i can do with pure css. shouldn't use JavaScript to apply CSS properties
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>
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?
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.
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 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.
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.
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;
}
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]-->