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 }
When to use <strong> and when to use <b> or other ways to give look of bold? strong has semantic value ( and useful for screen reader while b is presentation (and even valid in HTML 5).
my question is not what is the difference between strong and b.
The question is when to use semantic tag and when to use just to make text bold
Should I always use <strong> if client's content files (MS word files) has some words bold in content paragraphs?
How can we know when client want to give emphasis to text and when he just want to make text bold for presentation/aesthetic purpose?
If it's client job to tell us, then how to explain this scenario to client to give us clear info on "when he just want to make text bold for presentation/aesthetic purpose" ?
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?
What is Logically correct and W3C valid way to clear float?
zoom:1 is not valid by W3C and IE8 don't have hash layout problem
overflow:hidden and overflow:hidden
were not made to do this,as the spec
intended overflow to be used
<div class="clear"/> is not
semantically correct and i don't want to add extra markup.
clearfix hack generates content that
really hasn’t any semantic value.
I've asked many questions and read many articles on this issue but haven't find best way.
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.
Why same website looks different in different browser.
Differently styled HTML elements in all browser's default css is the only factor for the different looks in different browser of website?
Is there any other factors related to cross browser compatibility?
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.
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.
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 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
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>
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
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?
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
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);
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 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 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)
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.
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; }'
});
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/