CSS inheriting huge font from where?

Discussion in 'CSS' started by Kat2, Mar 13, 2007.

  1. #1
    Scroll down to the very bottom of this page:

    http://consolecolors.com/test/sony.html

    Where am I inheriting that ungodly huge font from and how can I fix it?

    Here's my style sheet:

    body { background: #ccc url(http://www.upontherainbow.com/graphics/sidebar.jpg) top left repeat-y;
    font-size: 10px;
    font-family: verdana, arial, sans-serif;
    color: #000000;
    background-color: #CFDEFD; 
    margin: 10px; }
    
    a:link { color: #0000FF;
    text-decoration: underline; }
    
    a:visited { color: #9B11BD;
    text-decoration: underline; }
    
    H1 { font-size: 20px;
    font-weight: bold; 
    text-align: center; }
    
    H2 { font-size: 16px;
    font-weight: bold; 
    text-align: center; }
    
    H3 { font-size: 14px;
    font-weight: bold; 
    text-align: center; }
    
    TABLE { font-size: 12px;
    border-spacing:1 }
    
    .consolenavbar { font-weight: bold; }
    
    .consolenavbar a:link { color: #0000FF;
    text-decoration: underline; }
    
    .consolenavbar a:visited { color: #9B11BD;
    text-decoration: underline; }
    
    /* Where the navbar goes */
    #leftmenu { width: 160px;
    height: 300px;
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0px;
    font-size: 13px; }
    
    /* Main Body of Page */
    #content { position: relative;
    top: 5px;
    left: 165px;
    width: 800px;
    margin: 0px; 
    font-size: 12px;}
    Code (markup):

     
    Kat2, Mar 13, 2007 IP
  2. bacanze

    bacanze Peon

    Messages:
    2,419
    Likes Received:
    127
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Your <p> tags are missing, which is probably what your styles are applied to. also you have open font tags, why dont you just use css to style your font, much easier.

    edit: removed
     
    bacanze, Mar 13, 2007 IP
  3. Colleen

    Colleen Illustrious Member

    Messages:
    6,777
    Likes Received:
    725
    Best Answers:
    1
    Trophy Points:
    430
    #3
    You have a bunch of font tags left open, removing them fixes it.

    <font size="8"> <-- Theres 5 of them.
     
    Colleen, Mar 13, 2007 IP
  4. Kat2

    Kat2 Well-Known Member

    Messages:
    143
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    108
    #4
    I have the font tag because without it everything was coming out that big!
     
    Kat2, Mar 14, 2007 IP
  5. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #5
    You're just forcing a patch on top of error. You have open header tags that I noticed, among the many, many other errors. You also have saved your file as the proprietary windows charset, which means that there are invalid character entities. Your server headers declare utf-8. You'll be OK saving the files as iso-8859-1, ASCII or utf-8. That means plain text or utf-8. Do not save as text-MS DOS format (or similar) or as Unicode (MSFT adds a BOM).

    You have many syntax errors that need to be fixed. There is no point in trying to fix unexpected results when everything's guesswork due to bad syntax anyway.

    cheers,

    gary
     
    kk5st, Mar 14, 2007 IP