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.
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?
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?
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 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 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?
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.
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'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.
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 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.
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?
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.
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
How to highlight Article only on mouse over? current when i hover on Article it highlights all child item also. Is it possible to highlight Articles only
see example here http://jsbin.com/ubunu/2
<style>
li:hover {background:red}
li li:hover {background:yellow}
</style>
</head>
<body>
<p id="hello">Hello World</p>
<ul>
<li>Weblog</li>
<li>Articles
<ul>
<li>How to Beat the Red Sox</li>
<li>Pitching Past the 7th Inning
<ul>
<li>Part I</li>
<li>Part II</li>
</ul>
</li>
<li>Eighty-Five Years Isn't All That Long, Really</li>
</ul>
</li>
<li>About</li>
</ul>