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 }
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.
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?
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?
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]-->
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?
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;
}
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; }'
});
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
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.
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;
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.
Should we learn all CSS (till version3) even if all browser don't support and we don't use?
Here mentioned http://meiert.com/en/indices/css-properties/ all css properties I don't know about all even in 2.1 , should we learn about each css property of all version even if they are not in use.
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.
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)
Are these suggestions good to give for a successful training session?
Practice time should be always given immediate after technical training?
usually after receiving any technical session about any new thing we do routine work.
If we don't do practice just after training, later when we do any work related to that training then we feel we need training again. So if we are getting training today and will not use it for some period of time (15 -30 -60 days) then the training is of no use, as it is at the wrong time. I.e. We will forget many things
Any other suggestions which i should give? I'm trainee not trainer. What suggestion should i give to trainer/organizer?
My one of web designer friend still making sites with table but he use css very nicely and I also use css nicely but with <div> and i face cross browser problem in layout more than my friend.
and i given some reason to my friend about cons of <table>. read my whole discussion with friend?
I - you site will be problematic with screen reader
My friend - OK, but i never got any call from any client regarding this.
I - you will devote more time to make any changes in layout, if changes comes from client
My friend - I don't think so, but if it is then show me how can i save time with <div>?
I - your sites will not work well with search engine.
My friend - it's not true. I've made many site and no problem with any site or client regarding this
I - layout is old way, non w3c and non standard way.
My friend - what is old and what is new, Who is W3C i don't know, What is standard? Whatever i make works in all browsers, it's enough for me and my client will not pay for standard and W3C guidelines rules
I - Your site will not work in mobile browsers
My friend - No problem for me, my client don't care about mobile phone
I - Your sites are not accessible?
My Friend - What do u mean not accessible? Whatever i make works in all browsers. my any client never asked about accessibility
I - You will not get more work in future, with table?
My friend - OK, no problem when clients will not accept site with table then i will learn about div based layouts in future.
My questions?
Is it still true, to make cross
browser layouts for desktop browsers
using table+css is easier then
div+css?
What is the benefit for developer to
use DIV+CSS layout in place of
<table> layouts if client would not
mind if i use ?
How to Firefox 2.0 cross browser issues? When i make site using Firefox 3.6 then seee site in Firefox 2.0 some time it shows some layout problems.
for IE i can use conditional comments and different CSS but what to do for Firefox 2.0 issues
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