Moenky Bar What Does This Mean

! important change with the weights

! important rule

The keyword ! important change the natural value of the style specification.

It does not matter whether between important and the exclamation mark is a space. The rule is supported by all browsers.

is the mode of action of the! Important rule, the "beat" the CSS priorities. With ! Important place the highest priority.

CSS code sample

  # content ul li {
 color: red;} 
 
 ul li {
 color: blue important; 
!} 
  

In this example, the statement # content ul li the highest priority. List items were presented to red. Without the ! important in the second statement would have the blue color indicating no effect on list items that are within the ID # content . By ! Important enter the second statement, however, a high value, list items are displayed so blue.

valences of CSS style definitions

A rough breakdown of the values of the CSS looks like this:

1. style ="..." (Specify in the HTML)
2. # # eine_id
3. div.eine_klasse eine_id div
4. # eine_id
5. div. Eine_klasse
7. div div.eine_klasse

The actual weights are below the link below to filter SELFHTML .

Rating

Die! Important rule is part of the CSS standards and therefore perfectly legitimate to use. However, one must keep in mind the use of clear - it is CSS-design with the mallet. A CSS statement once with a ! provided important , you are from another location, with a well-written Cascade can no longer respond.

For large projects or for the quick solution, you are sometimes not without a ! Important from . Elegant solution is always to introduce a new class, or a clean Cascade write.

combination with other hacks

very relaxed - and that's the elegance of hacking - the important can combine it with other hacks!. A customer came recently with the request to me, only the CSS-design of a Page for the fix to IE6.
All relevant instructions for IE 6, I with the ! Have combined important . This was both made sure that ONLY was hit IE 6, but I had done the same in a few hours, the adjustments without me in the entire project to incorporate and understand the need to implement my predecessor. !

  / / combination of IE6 hack and important 
 * html # content {width 
: 960px important;} 
 
 
  

Related Links

Bleached Black Converse

Happy New Year 2011

Note: We have moved!

this blog you will now be updated daily, on a new Servier:

www.residentenkurier.com under blog: http://residentenkurier.com/blog/

sincerely

your team of Resident courier

Destination Weddingwelcome Letter

jquery.pngFix.js PNG Transparency for Windows IE 5.5 & 6

jquery.pngFix . js
PNG-Transparency for Windows IE 5.5 & 6

This plugin will fix the missing PNG-Transparency in Windows Internet Explorer 5.5 & 6.

Features

• unobtrusive script, simple to setup


• works now also with CSS-Backgrounds (but scaling backgrounds)


• works with PNG-Images within Links


• TITLE, ALT, CLASS and STYLE-Attributes are considered

This page uses jQuery Version 1.3.2

Version 1.1, 2007-09-11
Tested on Windows XP SP2 with
- IE 5.5 + 6 + 7

Download

E x a m p l e s:

   PNG with transparency 
 
  
 
        src  =  "pngtest.png"     width  =  "173"     height  =  "173"     alt  =  "This is the alt-Text"     />          

   PNG with TITLE-Attribute 
 
  
 
         src  =  "pngtest.png"     width  =  "173"     height  =  "173"     
 
     title  =  "This is the title-Text"     alt  =  "This is the alt-Text"     />          

   PNG within a link 
  
  
 
        href  =  "#"     onclick  =  "alert('click');return false;"    >   
 
            src  =  "pngtest.png"     width  =  "173"     height  =  "173"     
 
         title  =  "This is the title-Text"      alt  =  "This is the alt-Text"     />   
 
                 

   PNG within a link and a STYLE-Attribute 
 
  
 
        href  =  "#"     onclick  =  "alert('click');return false;"    >    
 
            src  =  "pngtest.png"     width  =  "173"     height  =  "173"     
 
         style  =  "border:1.0em dashed #090;padding:10px;margin:10px;"     
 
         title   = "This is the title-text"   alt =   "This is the alt-text"   />  
        

  Div with PNG background via CSS 
 
   >  
    style =   " float: left; width: 173px; height: 173px; 
 background: url (pngtest.png); " >  
 This is a div-Container using a png as background ... 
        


style = "float: right; width: 346px; height: 346px;
background: white url (pngtest.png);" >
This is a div-Container using a png as background ...

 style = "clear:both;" >
 

This is a div-Container using a png as background ...

This is a div-Container using a png as background ...

   Input with PNG-Source 
 
  
 
       >   
 
        type  =  "image"     src   =  "pngtest.png"     width  =  "173"     height  =  "173"     />   
 
                 

How to use jquery.pngFix.js

1.
Download jQuery  
Download pngFix.zip   View Source
2.
Add jQuery and pngFix to the HEAD-Section of your HTML ...

         >   
 
 ... 
 
        type  =  "text/javascript"     src  =  "jquery-latest.pack.js"    >       
 
        type  =  "text/javascript"     src  =  "jquery.pngFix.js"    >       
 
 ... 
 
                    

3.
Activate pngFix on document.ready

    
 
 ... 
 
   "text/javascript"> 
 
     $(  document  ).ready(  function  (){ 
 
         $(  document  ).pngFix(); 
 
     }); 
 
  
 
 ...      

Test PNG (without transparency in IE 5.5 & 6)

above switch to PNG transparency

Besty Johnson Diaper Bags

jQuery code optimize

jQuery code optimize

jQuery JavaScript Framework is a very practical, easy to use and which is also pretty fast. Since version 1.3, the selectors have also become faster again many times. Nevertheless, it is, especially for larger projects that never runs the JavaScript code to optimize. But I have some simple tips that help reduce the execution time of Java scripts to.

your traditional browser functions are always faster than functions in a Library

For example, one should rather normal for () use of JavaScript as the jQuery function $. Each () even if it delivers more features. Likewise, care should be taken to ensure that as few functions are used. So the first one to assemble the entire string, and only then the string in the location in the DOM fits to which he belongs. make

No long string concatenations, join instead use the easy navigation array

 var tmp =''; 
 for (var i = 0; i \u0026lt;= rows.length; i + +) {tmp + = 
 '
 
' + alert rows [i ]+''; 
} 
 (tmp); 
 
 / / is faster 
 var tmp = []; 
 for (var i = 1; i \u0026lt;= rows.length; i + +) {
 tmp [i] = '
 
' + rows [i-1] + ' ';} $ 
 
 alert (tmp.join ('')); 
 
 
 

Easier DOM selectors to smaller parts are used faster
The fastest of the Selector is $ (' # id '). Whenever possible, you should each element of which is to be addressed and put a unique ID to address the item above. This is definitely the fastest way to address an item. The second fastest is, DASD selector $ ('tag') via an HTML tag. Even combined, these two are very fast.

 var range = $ ('# container'); 
 var link = bereich.find ('a'); 
 var table = bereich.find ('table');