Using Font Size in BODY attribute

nne · #1 Sep 2nd, 2007, 15:40

I have an issue with CSS Body font-size attribute.

Although set to 10pt, whatever appears in UL tag does not obey this size. Font Style, Colour etc. all okay.

Also, I do not have a UL attribute in my css file, should I to overcome this problem?

Perhaps you or another member can advise please?

Thanks

pa007 · #2 Sep 2nd, 2007, 17:14

Could we see your css please.

Pete.

HostingDeals · #3 Sep 2nd, 2007, 18:24

I think you have an open span class or something that might cause that. Either provide the css or the website where the problem exists. 1 minute of troubleshooting from one of us should be able to address the issue.

You said you don't have UL in the css, what about LI. If you have LI specified, there's your problem.

If you don't want to share the code, then specify the font size for LI or UL to be the same size as the body.

Not much else I can tell you without seeing code.

nne · #4 Sep 2nd, 2007, 18:43

Hi

css here. Note that I don't have LI font set up, as you queried. Thanks for your help.

(css is a bit large but it does look after many pages).

Code: Select all

 
/* Euro Millions Oracle Webpage Attributes */
   body  {font-family: Arial;
      font-size: 8pt;
         color: #000000;
         margin-left: 0pt;
         margin-right: 0pt;
         background-attachment: fixed;
         background-color: #ffffff;
         background-repeat: no-repeat;
         background-position: center;}
        
 div  {align: center;}
 
 P       {font-family: "Times New Roman";
          font-size: 8pt;
    color: #000000;
          text-align: left;}
 P.grey4  {font-family: "Times New Roman";
          font-size: 8pt;
    color: #000080;
          text-align: center;}
          
 P.subtitle {font-family: "Times New Roman";
          font-size: 12pt;
      font-weight: normal;
    color: #000060;
          text-align: center;}
 P.subtitle1 {font-family: "Times New Roman";
          font-size: 12pt;
      font-weight: normal;
    color: #000060;
          text-align: right;
          margin-right: 35px;}
 P.subtitle2 {font-family: "Times New Roman";
          font-size: 10pt;
      font-weight: normal;
    color: #000040;
          text-align: center;}
          
 P.subtitle2a {font-family: "Times New Roman";
          font-size: 10pt;
      font-weight: normal;
    color: #000040;
          text-align: right;}
 P.subtitle3 {font-family: "Times New Roman";
          font-size: 12pt;
      font-weight: strong;
    color: #800080;
          text-align: left;}
 P.subtitle3a {font-family: "Times New Roman";
          font-size: 12pt;
      font-weight: normal;
    color: #000060;
          text-align: left;
          text-indent: 60px;}
          
   P.subtitle4 {font-family: Arial;
            font-size: 10pt;
            font-weight: normal;
            color: #000000;
            text-align: justify;}
   P.subtitle5 {font-family: "Times New Roman";
            font-size: 16pt;
            font-weight: bold;
            color: #000060;
            text-align: right;}
 P.subtitle6 {font-family: "Times New Roman";
          font-size: 10pt;
      font-weight: bold;
          text-align: center;}
 
 P.subtitle7 {font-family: "Times New Roman";
          font-size: 12pt;
      font-weight: bold;
    color: #000080;
          text-align: center;}
          
   P.subtitle8 {font-family: "Times New Roman";
            font-size: 16pt;
            font-weight: bold;
            color: #000060;
            text-align: left;}
                   
 P.large {font-family: "Times New Roman";
    color: #ffffff;
          font-size: 14pt;
      font-weight: bold;
          text-align: center;}
 P.justify {font-family: "Times New Roman";
      color: #000088;
          font-size: 11pt;
          font-weight: normal;
          text-align: justify;}
 P.syn-head {font-family: "Times New Roman";
          font-size: 12pt;
      font-weight: bold;
    color: #800080;
          text-align: center;}
 P.syn-subhead {font-family: "Times New Roman";
          font-size: 11pt;
      font-weight: bold;
    color: #4040aa;
          text-align: left;}
          
 P.syn-para {font-family: "Times New Roman";
          font-size: 10pt;
      font-weight: normal;
    color: #000060;
          text-align: justify;
          vertical-align: top;}
          
 P.footnote {font-family: "Times New Roman";
     color: #666666;
     font-size: 7pt;
     text-align: center;}
 P.webnote  {font-family: "Times New Roman";
     color: #666666;
     font-size: 9pt;
     text-align: left;}
 img.b   {width: 36px;
          height: 36px;
          text-align: middle;
          vertical-align: middle;}
 img.bk   {width: 1px;
          height: 1px;
          text-align: middle;
          vertical-align: middle;}
          
 img.f   {width: 24px;
          height: 24px;
          text-align: middle;
          vertical-align: middle;}

 td.main {width: 480;
     text-align: center;}
 td.d  {width: 85px;
    text-align: center;}
 td.g1  {width: 35px;
    text-align: center;}
    
 td.d1  {width: 85px;
    text-align: center;}
 td.m1  {width: 185px;
    text-align: center;}
 td.s1  {width: 70px;
    text-align: center;}
 
 td.r1  {width: 80px;
    text-align: center;}
 td.f  {width: 32px;
    text-align: center;}
                  
 td.g  {width: 40px;
    text-align: center;}
    
 td.p  {width: 120px;
    text-align: center;}
 td.b  {width: 60px;
    text-align: center;}
        
 td.e  {width: 60px;
    text-align: center;
    image-align: center;}
 td.lb  {width: 100px;
    text-align: center;}
 td.rb  {width: 100px;
    text-align: center;}
 td.m  {width: 200px;
    text-align: center;}
 td.da  {width: 100px;
    text-align: center;}
 td.ga  {width: 40px;
    text-align: center;}
 td.bl  {width: 60px;
    text-align: center;}
 td.s  {width: 80px;
    text-align: center;}
            
 td.l  {width: 30px;
    text-align: center;}
    
 td.r  {width: 30px;
    text-align: right;}
    
 td.a  {width: 15px;
    text-align: center;}  
    
 td.c  {width: 20px;
    text-align: center;}  

   /* SUDOKU Attributes */
 td.sutlr  {
     width: 33%;
     border-width: 3;
     border-style: solid solid none;
     border-color: #000000;
     }
 td.sulr   {
     width: 33%;
     border-width: 3;
     border-style: none solid none;
     border-color: #000000;
     }
 td.sublr  {
     width: 33%;
     border-width: 3;
     border-style: none solid solid;
     border-color: #000000;
     }
                     
   pre     {
       white-space: nowrap, pre;
       }
   input.bk    {
       font-weight: strong;
       color: #000000;
               font-size: 18;
               text-align: center;
               }  
   input.bl    {
       font-weight: strong;
       color: #0000cc;
               font-size: 18;
               text-align: center;
               } 
       
            
   /* Hyperlinks */
 A:link    {color: blue;
            text-decoration: none;}
   A:visited {color: blue;
              text-decoration: none;}
   A:active  {color: #8000f0;
       font-weight: bold;
              text-decoration: none;}

   /* Horizontal Row */
   hr.long  {height: 2px;
         width: 600;
        color: #c0c0c0;}
   hr.short {height: 2px;
        width: 540;
       color: #8080c0;}
   hr.vshort {height: 1px;
        width: 480;
       color: #a0a0e0;}
       
   /* Headings */
 h1 {font: 36pt;
    font-family: "times new roman";
  font-weight: strong;
  text-align: center;
      line-height: 48px;
  color: #000080;}
   h2 {font: 24pt;
    font-family: "times new roman";
      font-weight: strong;
      text-align: left;
      line-height: 28px;
      color: #000080;}
      
   h3 {font: 20pt;
    font-family: "times new roman";
      font-weight: strong;
      text-align: center;
      line-height: 24px;
      color: #000080;}
   h4 {font: 15pt;
    font-family: "times new roman";
      font-weight: strong;
      text-align: center;
      color: #cc4480;}
   h5 {font: 13pt;
    font-family: "times new roman";
      font-weight: strong;
      text-align: center;
      color: #a00080;}
     
 /* Format footnotes as 8-point Times New Roman and justify them. */
 div.footnote {font: 8pt;
         font-family: "Times New Roman";
       font-weight: normal;
       text-align: justify;
       color: #000060;
       line-height: 10pt}
 
 /* Tables */
 table.1    {width: 640px;
      align: center;}
 
 table.2    {border: 1px;
     width: 600px;
      align: center;
      border-style: normal;}
       

 /* Table border */
 .table-cell   {border-top: solid #ff8800;
               border-right: solid #ff3300;
             border-bottom: solid #ff3300;
             border-left: solid #ff8800;
             border-width: 6px;
             width: 136px;
             height: 140px;}
 .table-cell1  {border-top: solid #f04000;
               border-right: solid #f08000;
             border-bottom: solid #f08000;
             border-left: solid #f04000;
             border-width: 0px;
             text-align=: center;
             width: 60px;}
 .table-cell2  {border-top: solid #f04000;
               border-right: solid #f08000;
             border-bottom: solid #f08000;
             border-left: solid #f04000;
             border-width: 0px;
             width: 76px;}
 .table-cell3  {border-top: solid #f08000;
                border-right: solid #f04000;
             border-bottom: solid #f04000;
             border-left: solid #f08000;
             border-width: 6px;
             width: 282px;}

   .table-cell4  {text-align=: justify;
           width: 248px;}

pa007 · #5 Sep 2nd, 2007, 22:46

And the HTML as well, sorry (a link would be simpler, I think).

Pete.

pakistanboy · #6 Sep 10th, 2007, 11:15

I would suggest you do not use font size in body class.

Thank you,
Regards,
Pakistan Boy,

karinne · #7 Sep 10th, 2007, 11:48

Quote:

Originally Posted by pakistanboy

I would suggest you do not use font size in body class.

Why?

drd · #8 Sep 11th, 2007, 11:35

Personally I do this kind of thing because as you say, some tags such as <ul> dont accept the font size being used in body:

Code: Select all

p, ul, ol, table {font-size: 0.70em}

Can't say Ive put the size in the body often, but each to their own

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
IE7 font size and formatting - help	Xhristy	Web Page Design	4	Apr 3rd, 2007 17:35
body font size problem	samv	Web Page Design	6	Feb 21st, 2007 11:55
How font size works in CSS?	sahota	Web Page Design	19	Dec 20th, 2006 22:56
why h1 doesn't inherit font -size from body?	sahota	Web Page Design	3	Dec 12th, 2005 20:55
font-size: does not work in <body>	andersonoo7	Web Page Design	4	Jul 23rd, 2005 03:00

		Webforumz.com > Main Forums > Planning Your Website > Website Planning
Using Font Size in BODY attribute