Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New Coder
    Join Date
    Jul 2007
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Font Size not working in stylesheet or in page!

    I am trying to change the font size in a menu structure I created. It's absolutely bizzarre. It seems like such a simple thing but every way i do it it just doesnt work. Basically I am trying to change the font size on the text wrapped by an href. This href does not have a class but the div tag surrounding it does. It seems if I take out the font-family:courier;the font-size some how works. Even if I change to comic sans ms or courier new it works. But I need to use courier. Does anyone know why this strange behavior is happening. Here is the related code/

    CSS:
    Code:
    .blueButton, .whiteButton, .yellowButton {
    background-repeat:no-repeat;
    width: 121px;
    height:20px;
    color: black;
    text-align:right;
    }
    
    
    .yellowButton a, .whiteButton a , .blueButton a, 
    .yellowButton a:hover, .whiteButton a:hover , .blueButton a :hover ,
    .yellowButton a:visited, .whiteButton a:visited , .blueButton a :visited     {
    font-size: 10px;
    display:block;
    padding-top:2px;
    padding-left:1px;
    padding-right:6px;
    color: black;
    text-align:right;
    height:19px;
    font-family:courier;
    
    }
    
    
    .subcats
    {
    padding-top:2px;
    padding-bottom:4px;
    background-color:#666668;
    text-align:right;
    width: 120px;
    }
    .subcats a, .subcats a:visited, .subcats a:hover, .subcats a:active
    {
    padding-right:3px;
    color: #FEFF01;
    font-size:10.5px;
    font-family:courier;
    }
    
    a.subSelected, a.subSelected:visited, a.subSelected:hover, a.subSelected:active
    {
    color:#67CBFF;
    }
    Here is a part of the menu:

    Code:
    <td class="boxText"><div class="blueButton" onmouseover="this.className='whiteButton';" onmouseout="this.className='blueButton';"><a href="/test-index.html" target="_parent">Home</a></div><div class="yellowButton" onmouseover="this.className='whiteButton';" onmouseout="this.className='yellowButton';"><a href="/artists/framed_artist_body.html" target="_parent">artists</a></div><div class="yellowButton" onmouseover="this.className='whiteButton';" onmouseout="this.className='yellowButton';"><a href="http://www.sundazed.com/shop/new-test-index.php?cPath=35" target="_parent">rock/pop</a></div><div class="yellowButton" onmouseover="this.className='whiteButton';" onmouseout="this.className='yellowButton';"><a href="http://www.sundazed.com/shop/new-test-index.php?cPath=36" target="_parent">garage/punk</a></div></td>

    Henry C. Weismann IV
    Last edited by hcamelion; 07-28-2007 at 10:02 AM.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I believe you need to use a different font-family other than courier new.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New Coder
    Join Date
    Jul 2007
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh yeah actually the font-family I am having trouble with is courier. I forgot I changed it to courier new temporarly. Why would the font-family courier not work but other fonts do work.

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I think its explained here http://www.w3.org/TR/CSS21/fonts.html but the their server doesn't seem to be working at the moment.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    New Coder
    Join Date
    Jul 2007
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah I noticed the w3.org site down for the last few hours while searching for answers. Thanks I will give it a look tomorrow.

  • #6
    New Coder
    Join Date
    Jul 2007
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Still confused

    I read the w3.org page on fonts but I could not find an answer there. Sometime the w3 pages are a bit technical but I read through it and could not find anything. I really need to use courier. Is there a way I can get courier to work while controlling font size.

  • #7
    New Coder
    Join Date
    Jul 2007
    Posts
    14
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Courier is a Raster Bitmap Font - Bitmap fonts do not scale well.

    I think I found the answer to my problem. IT seems courier a MAC font does not scale well because it is a raster font. Basically its not scalable cause its a bitmap based font. Does this sound like my problem or should I be able to change the font size of courier? IF it's at all possible to use courier I would like to.

    http://www.georgehernandez.com/h/xCo...Typography.htm


  •  

    Posting Permissions

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