Ask me Questions and get Answers ! » CSS http://askmetoo.com Ask Questions and get Answers About everything for free! Wed, 21 Dec 2011 08:04:34 +0000 en hourly 1 http://wordpress.org/?v=3.3 IE7 CSS Hacks http://askmetoo.com/ie7-css-hacks.htm http://askmetoo.com/ie7-css-hacks.htm#comments Mon, 20 Jun 2011 09:45:33 +0000 admin http://askmetoo.com/?p=229 body #mm .rollOver { height: 163px; /* FF & Others */ } *:first-child+html #mm .rollOver { height: 165px !important; /* #%@#%(! IE 7 */ } p.style { color:red; } /* IE7 */ * html p.style { color:blue; } /* Other IE */ *|html [...]]]> #mm .rollOver {
height: 165px; /* IE 6 & bellow */
}
html>body #mm .rollOver {
height: 163px; /* FF & Others */
}
*:first-child+html #mm .rollOver {
height: 165px !important; /* #%@#%(! IE 7 */
}
p.style { color:red; } /* IE7 */
* html p.style { color:blue; } /* Other IE */
*|html p.style { color:pink; } /* FF, Opera, Konqueror, Safari */

#ie7-hook-id div[class^="target-class"] { background: #ff0000; }
div#ie7-hook-id .target-class { background: #0000ff; }

* div[class^="ie7-target-class"] { background: #ff0000; }
body .ie7-target-class { background: #0000ff; }

Valid CSS Selectors

* html {} /* IE 6 and below */
*:first-child+html {} * html {} /* IE 7 and below */
*:first-child+html {} /* IE 7 only */
html>body {} /* IE 7 and modern browsers only */
html>/**/body {} /* Modern browsers only (not IE 7) */
html:first-child {} /* Recent Opera versions 9 and below */

]]> http://askmetoo.com/ie7-css-hacks.htm/feed 0 position: absolute center http://askmetoo.com/position-absolute-center.htm http://askmetoo.com/position-absolute-center.htm#comments Mon, 21 Mar 2011 15:30:52 +0000 admin http://askmetoo.com/?p=213 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

<div id="xyz_main">
    <div id="xyz_header"> Header </div>
    <div id="xyz_body"> Body </div>
 
    <div id="xyz_footer"> Footer </div>
</div>
#xyz_main {
    width: 140px;
    border: 1px solid #666666;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -70px;
}
]]> http://askmetoo.com/position-absolute-center.htm/feed 0 How to test JavaScript in CSS? http://askmetoo.com/how-to-test-javascript-in-css.htm http://askmetoo.com/how-to-test-javascript-in-css.htm#comments Sun, 20 Jan 2008 21:03:17 +0000 admin http://askmetoo.com/2008/01/20/how-to-test-javascript-in-css/ When Explorer and Opera parsing the CSS file, encounter the JavaScript and execute it. Browsers execute it only once, though, so if you’d repeat the background-image: etc for another class or id, you still see one alert only.

So Lets Try this:

1
2
3
4

#Example {
border: 1px solid #000000;
padding: 10px;
background-image: url('javascript:alert(\'It works\');')

or

1

background-image: url('javascript:alert('It works');')
]]> http://askmetoo.com/how-to-test-javascript-in-css.htm/feed 0