SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Jan 2005
    Location
    Madrid
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Text size problems in firefox 1.0

    Im too new to CSS styles. In IE explorer, the fonts sizes looks fine, but in firefox the sizes goes to the default size of the tag they are put into.

    Code:
    div, tr, td, a, p {
    	font-family: Georgia, Times New Roman, Times, serif;
    	font-size: 10px;
    	color: #000000;}
    
    .12nazul {
    	font-size: 12px;
    	font-weight: bold;
    	color: #3E81A2;}
    and the line i use this class is

    Code:
    <td align="right" background="_imagenes/fondo_mes_linea.gif" class="12nazul">Marzo</td>
    In firefox, this td looks like the default 10px size, no decoration and no change of colour. Am i doing anything wrong?

  2. #2
    SitePoint Enthusiast JackoN's Avatar
    Join Date
    Jan 2005
    Location
    El Mundo
    Posts
    43
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could try the following:

    Code:
    <td align="right" background="_imagenes/fondo_mes_linea.gif"><span class="12nazul">Marzo</span></td>

  3. #3
    SitePoint Member
    Join Date
    Jan 2005
    Location
    Madrid
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    that doesnt works Any other ideas?

  4. #4
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    One thing I noticed is you have Times New Roman in your style... Whenever you use a multiple word font name you have to enclose it with " so it should be
    "Times New Roman"... try that

    One other thing with styles .... if one "breaks" (is wrong) in a style some browsers will ignore the rest .... so Im thinking this line broke and FF said "Im done"

  5. #5
    SitePoint Wizard gold trophysilver trophybronze trophy dc dalton's Avatar
    Join Date
    Nov 2004
    Location
    Right behind you, watching, always watching.
    Posts
    5,431
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Even thought the last post needs to be done the problem is your starting your class name with a number

    try this works fine:

    Code:
    <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title> New Document </title>
    <style type='text/css'>
    
    div, tr, td, a, p {
    	font-family: Georgia, "Times New Roman", serif;
    	font-size: 10px;
    	color: #000000;}
    
    .nazul {
    	font-size: 12px;
    	font-weight: bold;
    	color: #3E81A2;
    	}
    </style>
    
    </head>
    
    <body>
    <table>
    <tr>
    <td align="right" background="_imagenes/fondo_mes_linea.gif" class="nazul">Marzo</td>
    </tr>
    </table>
    </body>
    </html>
    dont know how I missed that the first look..

  6. #6
    SitePoint Member
    Join Date
    Jan 2005
    Location
    Madrid
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You were right, its the class begining with a number, thank you Its a bit odd anyway, hehe.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •