It works
var tip = "<p>Most computers will open PDF documents automatically, but you may need to download <a title='Link to Adobe website-opens in a new window'";
tip +=" href='http://www.adobe.com/products/acrobat/readstep2.html' target='_blank'>Adobe Reader</a>.</p>";
if($("div#maincontent a[href*='.pdf']").length>0){
$("div#maincontent").children(":last-child").after(tip);
but it not
var tip = "<p class="adobe-reader-download">Most computers will open PDF documents automatically, but you may need to download <a title='Link to Adobe website-opens in a new window'";
tip +=" href='http://www.adobe.com/products/acrobat/readstep2.html' target='_blank'>Adobe Reader</a>.</p>";
if($("div#maincontent a[href*='.pdf']").length>0){
$("div#maincontent").children(":last-child").after(tip);
Is it possible to make cross browser rendering site without using CSS reset?
Is CSS Reset for all website, small, one page, big?
Should we use write all css without reset then only solver needed rendering problems?
Is there any good tutorials to convert HTML+ CSS to wordpress? not PSD 2 HTML? I mean if
HTML CSS is available wejust need to convert a XHTML CSS template to installable Wordpress 3.0 Theme? I'm not talking about PSD 2 HTML.
For example this is free CSS template http://www.freecsstemplates.org/preview/regeneracy/ I just want to download it and convert this css template into Wordpress 3.0 installable theme.
In this form code what is the role of name="" attribute?
name="s" and name="submit".
Is it necessary to add?
<form action="/index.php" method="get">
<fieldset>
<legend>Search</legend>
<label for="s"><span>Search WaSP</span>
<input value="" name="s" id="s"></label>
<input type="submit" value="Go!" name="submit" >
</fieldset>
</form>
http://jsbin.com/urice
I want to remove . after number.
1. should be 1 only
With All browser compatibility inducing IE6 and validity.
I need solution without javascript.
Edit :
If it's not possible with css only then give me simple javascript and jquery solution both.
I was just trying first time how ratio calculation works of sIFR 3 using sifr-debug.
I'm using.
<script src="sifr.js" type="text/javascript"></script>
<script src="sifr-debug.js" type="text/javascript"></script>
http://jitendravyas.com/sifr3/
Should we use <label> for every input? , even for submit button and keep hidden thorough css if we don't want to show label.
or no need of label for submit button?
.hide {display:none}
<fieldset>
<legend>Search</legend>
<label for="Search">Search...</label>
<input value="" id="Search" name="Search">
<label for="Submit" class="hide">Submit</label>
<input type="submit" value="Go!" name="submit" id="submit">
</fieldset>
or we should use like this (no label for submit)
<fieldset>
<legend>Search</legend>
<label for="Search">Search...</label>
<input value="" id="Search" name="Search">
<input type="submit" value="Go!" name="submit" >
</fieldset>
If I'm going to learn programming first time, How i should start?
I don't know programming yet but I'm good at XHTML and CSS. my main aim is to learn first Javascript than second PHP. after having good command in Javascript I'll move to PHP.
Although i can use basic javascript, jquery, PHP scripts in my projects but know i want to learn programming concept and want to get good knowledge.
Background working fine on FF and IE 7 but not on IE6
#middle { background: url(main-bg.jpg) repeat-y; overflow: hidden;
margin-left: 1px; margin-top: 38px }
What are cons if we do not care about validation of XHTML and CSS?
In terms of development time,
Code debugging,
Cross browser compatibility,
website maintainability,
Future changes in website,
SEO ranking
Accessibility (Does validity increase
accessibility)
I have to explain a client that Code validation is not just Fashion, it is beneficial for his site.
I'm making a site for European client and he said Firefox 3 and IE 7 and 8 has more user than others browser for desktop in Europe http://gs.statcounter.com/#browser_version-eu-monthly-200812-201001-bar
I've only IE 7 and Firefox 3.5.7 installed in my PC.
Should I download portable Firefox 3.0 and test in it too even if I'm not using any new css property/selector which only has support in Firefox 3.5 or testing in 3.5.7 would be enough?
And for IE testing in IE 7 would be enough or should i check my site in IE8 (downloading VPC image of IE8 and testing in VM) even if I'm not using any new css property/selector which only has support in IE8?
Or is it necessary to use <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> in <head> ?
But what will happen when user will switch compatibility mode to IE 8 default rendering mode?
Can we make site compatible in IE 7 and 8 both without using <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />? If yes, then what special we need to do.care/consider in css to make site identical in both?
I know the importance of Browser styles-sheet and author style-sheet. but what is the importance of user style-sheet?
Why user stylesheet needed?
Does every browser has user styleshhet desktop or mobile?
Which type of users use user stylesheet and why?
Is thery anything to do for userstyle sheet for XHTML css developer?
Is userstyle sheet related to accessibility?
What is the rule behind to divide this html in var tip?
var tip = "<p class='adobe-reader-download'>Most computers
will open PDF documents automatically, but you may need to download
<a title='Link to Adobe website-opens in a new window'";
tip += " href='http://www.adobe.com/products/acrobat/readstep2.html'
target='_blank'>Adobe Reader</a>.
</p>";
why this cannot be
var tip = "<p class='adobe-reader-download'>Most computers will
open PDF documents automatically, but you may need to download
<a title='Link to Adobe website-opens in a new window'
href='http://www.adobe.com/products/acrobat/readstep2.html' target='_blank'>
Adobe Reader</a>.</p>";
and how to divide in HTML is longer than this?
Is it not necessary to keep IE conditional css file validated?
<!--[if IE]>
<link rel="stylesheet" href="ie-styles.css" media="screen" type="text/css" />
<![endif]-->
For floated elements should we always define display:inline along with overflow:hidden, when we clear float using overflow:hidden?
#secondary-col {
float:left;
overflow:hidden;
display:inline;
}
I read about many CSS related languages and tools which need ruby.
What is the purpose of these
languages and tool how these can save
time and improve our CSS coding.
What is the role in ruby language in
these languages and tool.
Will i have to install and learn
ruby language to use these languages and tool.
will i need ruby installed on
webserver where website will be
hosted.
I'm talking abut these languages
http://lesscss.org/
http://sass-lang.com/
http://compass-style.org/
some mentioned here:
http://www.ruby-toolbox.com/categories/css_frameworks.html
I'm on Windows XP PC , How can i use these Ruby based languages and which is preferred? I don't know ruby language.
like this
in my design both side of div has border like this and content in div can be increased or decreased . and in any condition both side top and bottom should be blur like this.
How to make this possible
for site which language is chinese what should i choose @font-face or sIFR for custom fonts? and which charset i should choose?
Any typography, license free fonts suggestion would be appreciated.
I'm hiding a div using display:none and this div only shows when we click on + icon. but if JavaScript is disabled then I want to show that div by default on. How to do this?
I can't post whole code for now.
sifr3 text doesn't load many time first time on FF 3.5? I haven't checked on other browser.
If i reload page again then it loads properly.
this is my code
sIFR.replace(futura, {
selector: '#Homepage h1', ratios: [6, 1.24, 9, 1.13, 10, 1.15, 16, 1.09, 21, 1.06, 22, 1.07, 25, 1.04, 26, 1.06, 29, 1.03, 30, 1.05, 31, 1.03, 32, 1.05, 41, 1.04, 58, 1.03, 97, 1.02, 1.01],
wmode: 'transparent',
css: '.sIFR-root { background-color: none; color: #ffffff; }'
});