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 made a css menu with css sprites but the problem is with sprite we don't use inline image we use in background only so if images are disabled in browser then nothing will show . any solution for this ?
For example :
See this menu and turn off images : http://line25.com/wp-content/uploads/2009/css-menu/demo/demo.html
Why border of tfoot tr:first-child not showing in IE. I'm checking in IE7.
font-weight:bold; background:yellow is showing in IE but border not
table {
border-collapse: collapse;
border-spacing: 0;
}
table tfoot tr:first-child
{font-weight:bold;
background:yellow;
border-top:2px solid red;
border-bottom:2px solid red;}
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?
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
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>
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?
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);
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.
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.
In IE 7 background shift to 1 px top to but in FF it's ok?
background: url(girl.jpg) top left repeat-x;
position: relative;
top: 0px;color: #666;
border-bottom-color: white;
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>
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/
How to reduce gap between two display:inline items?
gap is showing on all browser?
ul.tabs li {
display:inline;
margin:0 padding:0;}
I can fix the problem using float:left in the LI elements but I need
to understand why it's happening.
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)
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?
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; }'
});
http://validator.w3.org/#validate_by_input+with_options
What options should i select in both
if i want to check validity against
XHTML 1.0 Strict
and
XHTML 1.1