Announcement

Collapse
No announcement yet.

Borders for Fragments

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Borders for Fragments

    I've got borders around my homepage fragments
    see www.apartyshop.co.uk

    I wanted the borders to be;
    1. A standard size
    2. A specific colour

    Is there an 'easy' way to do this?




    #2
    Would go into the CSS file within your site1 folder and add something like the following (which is something we have used (with some alterations for now) in the past):

    td.fragment_cell {
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    background-color: #FFFFFF;
    vertical-align: middle;
    font-family: CUSTOMVAR:ACTCSSFONTFAMILY;
    }

    Then, within your Fragment template where you have no doubt included Border=1 etc to get the border now, change that to border=0 and then for the <TD> cell that contains your content, change it to <TD class="fragment_cell">

    The CSS entries provide a number of elements, so you can chop and change individual elements.

    padding-left: 5px; = space between left border to content
    padding-right: 5px; = space between right border to content
    padding-top: 3px; = space at the top of the cell
    padding-bottom: 3px; = space at the bottom of the cell
    border-top: 1px solid #666666; = top border width and colour
    border-bottom: 1px solid #666666; = bottom border width and colour
    border-left: 1px solid #666666; = left border width and colour
    border-right: 1px solid #666666; = right border width and colour
    background-color: #FFFFFF; = background colour in cell
    vertical-align: middle; = text alignment within the cell
    font-family: CUSTOMVAR:ACTCSSFONTFAMILY; = font to use within the cell

    It can be done a number of ways, and may not be 100% for all browser types from my quick penning of this, but should get you well onto the road for what you need and with more control...

    Hope it helps.

    Comment

    Working...
    X