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);
Are all fonts size would be same with same value?
for example p { font-family:Arial; font-size:12px}
if i change Arial to any other font then will all fonts will render in same size as Arial render in 12px, in all browser?
What are pros and cons to define font-size for body?
what if somewhere i will need font smaller and bigger than body?
will i get body font size (12px) + needed font size for <p> (10px) = 22
Should we always keep same value for body font size which we want to use content paragraph?
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.
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?
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>
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.
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.
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.
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 }
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]-->
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>
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?
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
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?
I've big css where selector for same things are on different place.
Is there any tool which can rearrange the css based on same type selector?
This is just example.
#main h2 {
font-size: 2em;
}
#sidebar h3 {
font-size: 2em;
}
#main h1 {
font-size: 3em;
}
#sidebar h4 {
font-size: 1.6em;
}
#main #box h2 {
font-size: 2em;
}
#sidebar ul li {
font-size: 1em;
}
it should arranged like this
#main h1 {
font-size: 3em;
}
#main h2 {
font-size: 2em;
}
#main #box h2 {
font-size: 2em;
}
#sidebar h3 {
font-size: 2em;
}
#sidebar h4 {
font-size: 1.6em;
}
#sidebar ul li {
font-size: 1em;
}
if parent selector is same then all should be at same place.
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'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 need Free mediaWiki based personal hosting...on internet.
Free mediaWiki based personal hosting
must be based on Mediawiki
Content of My personal wiki should
not come in any search (Google etc)
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.