Css Zilla

Note: Due to browser security limitations related to cross-site scripting, this solution works only for iframe page content called from the same domain. Example  http://host.sonspring.com/iframe/ Download:  http://sonspring.com/journal/jquery-iframe-sizing First off, let me say that frames are bad and should be avoided. That being said, if you must use frames then I suppose the iframe would be the least of all the evils. Occasionally, project requirements arise such that you simply cannot get around having to use these pesky elements. One thing I have always detested about iframes is they are not aware of the dimensions of their content. Setting the width of an iframe is trivial, because you generally know how wide its contents will be. The pain point often comes when specifying height, because pages always vary in length. With a fixed height, the iframe is either too tall or short. This causes one of two undesirable outcomes: cutoff content, or a scrollbar. On...

Some font-size's rendered larger on Safari (iPhone) Solutions is  @media screen and ( max - device - width : 480px ){ body { - webkit - text - size - adjust : none ; } } This will not adjust font size according to view,

Select the child of any parent with jquery Note :- here #badcredit2 is parent id and #menu-bank-accounts-drop-down-1 is child. By this Jquery code you cand select the child element of any parent element. <script type="text/javascript"> $(document).ready(function(){     $("#badcredit2").click(function(){          if($('div:has(> ul)'))            $("#menu-bank-accounts-drop-down-1").slideToggle("slow");  else  alert('no');          }); }); </script> Thanks Css Zilla Team

                                      CSS NOTES ----------------------------------------------------------------------------------------------------------  background-color=  specifies the background color of an element. background-repeat: repeat-x;= repeated only horizontally background-repeat: repeat-y;=repeated only vertically  background-position: right top;= change the position of the image  background-attachment: scroll|fixed|local|initial|inherit;(image are fixed and                                            content are move) -------------------------------------------------...

Hello Guys , Refer these websites for better understanding about  mobile apps designing. 1:- http://www.digitalartsonline.co.uk/tutorials/photoshop/designing-app-in-photoshop/ Thanks Css Zilla Team Have Working for your ease always....  

Hello Guys For make responsive menu with jquery easily, follow these steps 1. Call this line above of your menu ul tag. < a   class =" toggleMenu "   style =" display: inline-block; "   href =" # " > menu </ a > 2. Apply "nav" class on your menu ul tag. 3.  Just use this code in your footer  <script type="text/javascript"> $(document).ready(function(){     $(".toggleMenu").click(function(){         $(".nav").slideToggle("slow");     }); }); </script>  4. call this css in your css style. .toggleMenu { display:none !important;}  /*---This css apply in screen less than 767 ----*/ @media (max-width: 767px) { .toggleMenu { display:block !important;} .nav { display:none;} }

                           HTML NOTES <img src="">:-image source name(web address or local address) for an image          alt="">:-image url represent(Specifies an alternative text for an image ------------------------------------------------------------------------------------------------------------ <pre> element defines preformatted text. <small> element defines small text:  <abbr>Marking abbreviations can give useful information to browsers, translation systems and search-engines.              (<abbr title="World Health Organization">WHO</abbr>) --------------------------------------------------------------------------------------------------------------------------------------------------------- <bdo> elem...