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
    Regular Coder
    Join Date
    Jun 2002
    Location
    Iowa / Notre Dame
    Posts
    538
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Styling Problems: Probably poor coding

    I am currently working on a site that is more or less just for my entertainment. I was messing around with my coding one day when I ran into a problem:

    I have a <td> that is given a css class. Now that <td>'s ttext should be x-small and verdana. But for some reason it is displaying at the default size and in Times New Roman font. I have done a lot with css, and I have other text that is specified using css that works. I am really stumped with this.

    I have uploaded the site so that it might be easier to find a solution. The css is still in the header of the page, so it shouldn't be a problem to look at. Here is the link:

    http://www.mikesadventures.net/trial

    Hopefully this is an easy problem. I figure that it is just a poor coding problem that I can't find and will finally find right before I get a response !

    Oh and also, I have a big banner image on that page that I haven't taken time to compress, so sorry if it takes a while to load it!

    Thanks for your help!
    My Site {Mike's Adventures}

    Yikes, forums are almost too much fun.

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    My guess is that it's defaulting to your font/color because it is mine in IE6. I've never seen x-small in css so why not try:

    .content {font:normal 8 verdana, arial, times new roman; color: #000000; background-color: transparent;}

    in there...
    Last edited by zoobie; 12-22-2002 at 03:05 AM.
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #3
    Regular Coder
    Join Date
    Jun 2002
    Posts
    166
    Thanks
    0
    Thanked 0 Times in 0 Posts
    .linkbanner {border: 1px solid #666666'}

    should be

    .linkbanner {border: 1px solid #666666;}

  • #4
    Regular Coder
    Join Date
    Jun 2002
    Location
    Iowa / Notre Dame
    Posts
    538
    Thanks
    0
    Thanked 0 Times in 0 Posts
    PauletteB, thanks a lot. I knew it was a simple misplaced character--it always is! That worked the trick and now my page is working out the way I wanted it to. Thanks a lot.

    Oh and Zoobie, I took this from http://www.w3c.org/TR/REC-CSS1#font-size:

    <absolute-size>
    An <absolute-size> keyword is an index to a table of font sizes computed and kept by the UA. Possible values are: [ xx-small | x-small | small | medium | large | x-large | xx-large ]. On a computer screen a scaling factor of 1.5 is suggested between adjacent indexes; if the 'medium' font is 10pt, the 'large' font could be 15pt. Different media may need different scaling factors. Also, the UA should take the quality and availability of fonts into account when computing the table. The table may be different from one font family to another.


    I like using sizes like x-small instead of saying 8px or something like that because, when you use x-small, the font size can still be changed by the user, but when you specify 8px it can't. You never know when someone with an 1600x1200 resolution screen isn't going to be able to read your text!
    My Site {Mike's Adventures}

    Yikes, forums are almost too much fun.

  • #5
    Senior Coder
    Join Date
    Jun 2002
    Location
    ColoRockyz
    Posts
    1,646
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Coo. The thing is, the user setting throws the display off kinda defeating the style. I like to know approximately what I'm getting. Whatever works for you.

    In the future, when something goes wrong, you can look at the line it happens in or the line before and usually find it. In this case, it's .linkbanner right before the .content class...
    Zoobie or not Zoobie...That is the problem.
    <body onUnload="flush( ! )">

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Location
    Iowa / Notre Dame
    Posts
    538
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I know exactly what you are saying with zoobie. But with my layout, I have designed it so that even on the "Largest" text setting, nothing get's screwed up. The page dimensions stay the same and the text is the only thing that changes. I am actually quite proud of it. Try it out on my site if you wish!

    And thanks for the tip about looking at the lines before the error. Whenever something like this happens, I always tell myself to do just that, and then I end up forgetting!!
    My Site {Mike's Adventures}

    Yikes, forums are almost too much fun.

  • #7
    Regular Coder
    Join Date
    Jun 2002
    Location
    Ames, IA, USA
    Posts
    373
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You can also use em or ex as your unit of measure for elements to maintain some measure of control over the page appearance.
    Need more emoticons?
    Visit Catman's Private Stock


  •  

    Posting Permissions

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