Adding padding to CSS file?

Discussion in 'OT Technology' started by Browning, Jan 8, 2006.

  1. Browning

    Browning Active Member

    Joined:
    Feb 14, 2005
    Messages:
    89,465
    Likes Received:
    10
    Ive been trying to add some padding around the content of my site, www.ohiocichlids.com but Im not real sure on how to do it. Anybody help me out please?

    Heres the file contents

    Code:
     
    .Heading1 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-style: normal;
     font-weight: bold;
     font-size: 18px;
    
    }
    .Heading2 {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-style: normal;
     font-weight: bold;
     font-size: 14px;
    }
    .Content {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-style: normal;
     font-weight: normal;
     font-size: 12px;
    }
     
    .Content A:link{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; color: #455B83; }
    .Content A:visited{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; color: #455B83; }
    .Content A:active{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; color: #455B83; }
    .Content A:hover{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 11px; color: #455B83; }
    
    /* copyright 2005 Bugfix & Services  [URL="http://www.bugfix.nl"]www.bugfix.nl[/URL] , All rights reserved */
    .bugfix A:link{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 9px; color: #455B83; }
    .bugfix A:visited{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 9px; color: #455B83; }
    .bugfix A:active{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 9px; color: #455B83; }
    .bugfix A:hover{font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-size: 9px; color: #455B83; }
    .phpmnu {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 14px;
    }
    .phpmnu A:link  {FONT-WEIGHT: Bold; text-decoration: underlined; FONT-SIZE: 14px; COLOR: #0000FF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
    .phpmnu A:visited {FONT-WEIGHT: Bold; text-decoration: underlined; FONT-SIZE: 14px; COLOR: #0000FF; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
    .phpmnu A:active {FONT-WEIGHT: Bold; FONT-SIZE: 14px; COLOR: #213749; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
    .phpmnu A:hover  {FONT-WEIGHT: Bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
    
    
     
  2. kingtoad

    kingtoad OT Supporter

    Joined:
    Sep 2, 2003
    Messages:
    55,923
    Likes Received:
    11
    Location:
    Los Angeles
    Your CSS file hardly gives us anything to work on. Add padding to the container you want by using this to one of your elements.

    padding: XXpx;

    XX is where you wish to adjust the px size. There is also padding-top, padding-left, padding-right, padding-bottom. You could even control each side through one element such as this: padding: 10px 20px 10px 15px. Or both sides by this: padding: 10px 5px;
     
  3. Browning

    Browning Active Member

    Joined:
    Feb 14, 2005
    Messages:
    89,465
    Likes Received:
    10
    I dont quite understand? lol
     

Share This Page