KAWWA Markup Pattern Library

Editorial

Links List Component Information

  • Class name: (k-links-list)
  • Version: 1.0

Add to list

You may use this component whenever you need a homogeneous list of links.

For example, in information blocks, whenever you have a list of links of the same subject.

HTML5 Plain Code

COPY 
  1. <ul class="k-links-list">
  2. 	<li><a href="#">Browser Wars</a></li>
  3. 	<li><a href="#">The War of the Worlds</a></li>
  4. </ul>

CSS Code

COPY 
  1. ul.k-links-list {padding: 0; margin: 1em;}
  2. 	ul.k-links-list li {list-style-type: disc;}
  3. 
                            
    4. 
                        
                    

                

            

            
        

    



                            

                        
                         
	                    
IE Backward Compatibility
In order to correct display bugs for Internet Explorer versions prior to 9, your html pages need to call the following file by Conditional Comments:

                    

                

                
            
            

    
		        

        	

        

        

			
Top

		

    

    
    
    



		


		


        
List of Components
Top
jQuery Feature
 jQuery Interactive Feature
Tapestry Integration
 Tapestry integration
AngularJS Feature
 AngularJS Feature
Navigation
Forms
Tables
Blocks
Site Utilities
Editorial
eCommerce