Jump to content

Simple Column Header


docnzok

Recommended Posts

In this example, I just use a picture that I place on a hidden page and use some CSS to create a neat and tidy column header.

Adjust Text Size, Color, font and image for a custom look.

It will adjust to the column width where the code element is placed.

 

<div style="

     padding:5px 2px 2px 2px;

     height:22px;" >

    <img src="YOUR IMAGE HERE"

     height="32px"

     width="32px"

     align="left" />

<span style="

     float:left;

     margin-left:5px;

     margin-top:0px;

     font-family: 'Lucida Grande', verdana, geneva, helvetica, arial, sans;

     font-size: 16px;

     height: auto;

     color:#011a50;

     border-bottom: 1px solid; ">

         

YOUR TEXT HERE

   

</span>

<span class="clearAll"></span>

 

</div>

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...