Wrap Continues Text in Table :CSS , HTML

Add following properties to your Class in CSS

.ClassName{
         white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
         white-space: -pre-wrap;      /* Opera 4-6 */
         white-space: -o-pre-wrap;    /* Opera 7 */
         white-space: pre-wrap;       /* css-3 */
         word-wrap: break-word;       /* Internet Explorer 5.5+ */
         word-break: break-all;
         white-space: wrap; /* Internet Explorer 8 and other*
}

How to Change My Cart Link Name : Magento (using CSV file)

To Change " My Cart "  Link Name  in   Magento using CSV file   or  To Add custom label name to "My Cart" Using translate.CSV

1) Open  translate.CSV  file  

    (If your using English translation)
   CSV Path =   app\design\frontend\default\Your_Theme_Name\locale\en_US\ translate.CSV


2) Add Following Lines 
"My Cart (%s item)", "Shopping Bag ( %s )"
"My Cart (%s items)", "Shopping Bag ( %s )"
"My Cart", "Shopping Bag"


3) Save File and Clear Magento Cache .
Login to the admin and refresh the cache by going to System->Cache Management.




Cheers...... :)

How to Add Custom Class to top links and footer links : Magento

To Add Custom Class to top links  in Magneto

1) Open XML files for Top links And Add following tag

<liParams/> 
<aParams>class="logged-out"</aParams>

Suppose you want to add custom class to logout link.

<customer_logged_out>
    <reference name="top.links">
       <!--Add 'Log In' link -->
        <action method="addLink" translate="label title" module="customer">
            <label>Log In</label>
            <url helper="customer/getLoginUrl"/>
            <title>Log In</title>
            <prepare/>
            <urlParams/>
            <position>100</position>
            <liParams/>
            <aParams>class="logged-out"</aParams>
        </action>
    </reference>
</customer_logged_out>
    


Thats it your done :) ........


Where are the files for the links located

Top  Links XML Path =  app\design\frontend\default\your_Theme\layout 

• The “My Account” link is found in the customer.xml file
• The “My Wishlist” link is found in the wishlist.xml file
• The “My Cart” and “Checkout” links are both found in the checkout.xml file these links have class by default 
• The “Login” and “Log Out” links are found in the customer.xml file

How To used Custom Font/ Non-standard font, web font in website

1)  To Support All Browser / devices you need to convert your font to following format

1. " .oet"   for-IE
2.  " .ttf"  or ".otf" for webkit-browser
3. ".woff" and ".svg" for other browser and devices 

2) Many online file converters are available To convert  your font. find some of file converters links below 

1. http://www.kirsle.net/wizards/ttf2eot.cgi
2. http://onlinefontconverter.com/myfonts.php
3. http://www.fontsquirrel.com/fontface/generator
4. http://www.freefontconverter.com/
5. http://ttf2eot.sebastiankippe.com/
6. http://code.google.com/p/ttf2eot/  ---- Command Line 

Note: Some times "ttf to eot " file conversion wont work properly, you will need to do some trial-and-error to find proper font converter

3) Add converted font files to your website and Add following CSS.  

Here I am using "interstate-boldcondensed.eot" font inside fonts folder

@font-face { 

font-family: 'interstate-bc';

src: url('fonts/interstate-boldcondensed.eot');

src: url('fonts/interstate-boldcondensed.eot?#iefix') format('embedded-opentype'),

      url('fonts/interstate-boldcondensed.woff') format('woff'),

      url('fonts/interstate-boldcondensed.ttf') format('truetype'),

      url('fonts/interstate-boldcondensed.svg#interstate-boldcondensed') format('svg');

}

how to use in CSS ?
- use @faont-face font-family name as follow.

h1 {font-family: 'interstate-bc';}

--- Cheers :)

Tested on : IE 8, Firebox 3.6 and above, Chrome and Safari