How do I make this look better?

Discussion in 'HTML & Website Design' started by joshril27, May 23, 2008.

  1. #1
    How do I give this a more centered look?

    www.healthquotes.biz

    .leftnav {
    font-family: Arial;
    font-size: 12px;
    color: #003366;

    }
    .leftnavbold {
    font-family: Arial;
    font-size: 12px;
    color: #003366;
    font-weight: bold;

    }
    a:hover {
    color: #66CC33;
    }
    a:visited {
    color: #003366;
    text-decoration: none;
    line-height: 18px;


    }
    .title {
    font-family: Arial;
    font-weight: bolder;
    color: #006699;
    font-size: 36px;
    }
    .carriertext {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    }
    .text {
    font-family: arial;
    font-size: 10px;
    color: #003366;
    text-decoration: none;

    }
    .calltext {
    font-family: arial;
    font-size: 18px;
    color: #FFCC00;
    }
    .number {
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
    }
    a:link {
    font-family: arial;
    font-size: 12px;
    color: #003366;
    text-decoration: none;
    line-height: 18px;


    }
    #pagehead {
    color: #FFFFFF;
    font-weight: bolder;
    font-size: 24px;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    height: 40px;
    }#slogan {
    color: #CCCCCC;
    font-style: italic;
    font-size: 12px;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    background-position: 20px;
    font-weight: normal;


    }#navhead {
    color: #000066;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    }#navitem { font-weight: bold; background-color: #9cf }a { color: #039; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }a:hover { color: #003366; font-weight: normal; font-size: 12px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline}.text { color: black; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.footer { color: #666; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }.headline { color: #039; font-weight: bold; font-size: 14px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }#contentspace { padding: 10px }
    .headlineblack {
    color: #000000; font-weight: bold; font-size: 14px; line-height: 14px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular
    }
    .insurancetype {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #003366;
    }
    .insurancetype:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #003366;
    text-indent: 8pt;


    }
    .insurancetype:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #003366;
    text-indent: 8pt;

    }
    .insurancetype:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #003366;
    text-decoration: none;
    text-indent: 8pt;


    }
    .contentheader {
    color: black;
    font-size: 11px;
    line-height: 14px;
    font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    font-weight: bold;

    }
     
    joshril27, May 23, 2008 IP
  2. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #2
    I don´t know nothing about tables but if this
    <TABLE id=Table_01 height=601 cellSpacing=0 cellPadding=0 width=800 border=0>

    the main table that holds everything together, maybe you could try this:

    <TABLE id=Table_01 height=601 align=center cellSpacing=0 cellPadding=0 width=800 border=0>
     
    HDaddy, May 23, 2008 IP
  3. dylanj

    dylanj Peon

    Messages:
    173
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    0
    #3
    Better yet, the CSS way of centreing things... Add this to your css file:
    
    #Table_01 {margin: 0 auto;}
    
    Code (markup):
     
    dylanj, May 23, 2008 IP
  4. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #4
    You're actually better off using the longer definition (below) since some browsers do not support the short-hand one:

    
    
    #Table_01 {
       margin-left: auto;
       margin-right: auto;
       }
    
    Code (markup):
     
    steelfrog, May 23, 2008 IP
  5. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #5
    That's true, but not really.

    IE5 doesn't support all shorthand attributes, and its 10 years old. How many people will view your site using this ancient beast? Or Netscape 4 which doesn't support it either? (It's even older than IE5) If you aren't sure on the answer, its not many at all.

    Some also like to argue all mobiles don't display shorthand. Well, they don't display 800px wide either, so your site will look rubbish anyway (hence why they invented the handheld media type) so that argument is invalid.

    For the sake of making the page load fast for everybody else, its best to use shorthand :)
     
    rochow, May 24, 2008 IP
  6. steelfrog

    steelfrog Peon

    Messages:
    537
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Hrmm, good point. I actually thought it was also an issue with a fairly recent version of Netscape.
     
    steelfrog, May 24, 2008 IP
  7. devarts

    devarts Banned

    Messages:
    56
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    i never new that would have been a problem now its makeing me think of my new design that am makeing to see if am going to have problems thanks this has solved my problem.
     
    devarts, May 24, 2008 IP
  8. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #8
    Not that I know of, now you mention it I will do a little research (so much misinformation out there its hard to get the facts right :D)

    Do you know what version?
     
    rochow, May 24, 2008 IP