1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Need CSS help please

Discussion in 'CSS' started by ginostylz, Feb 4, 2005.

  1. #1
    I want to experiment using em
    If I set the body {font-size: 80%;} is the same as setting body {font-size: 50%;} which tells me something is wrong.

    If I leave the body tag alone alltogether I can set the p tag at 0.8em and it looks great. However everything not in a p tag like text inside tables which stay large.

    If I set td or my table to 0.8em, then my p text inhereits the parent text of the 0.8em of the td tag, then gets even smaller.

    How can the text in the tables stay the same size whether it is in a table tag or a paragragh tag?

    What is an easy/good solution?
    Thanks
     
    ginostylz, Feb 4, 2005 IP
  2. Foxy

    Foxy Chief Natural Foodie

    Messages:
    1,614
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    0
    #2
    use px............:)
     
    Foxy, Feb 4, 2005 IP
  3. ginostylz

    ginostylz Well-Known Member

    Messages:
    240
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    138
    #3
    very true, thanks foxy!!!!!

    Around what px is good for regular paragraph text and h1 size for starters?
    I like a 10pt arial or simply a size of 2.
     
    ginostylz, Feb 4, 2005 IP
  4. Foxy

    Foxy Chief Natural Foodie

    Messages:
    1,614
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    0
    #4
    10 is good - I use it a lot [likewise arial] however some people say it is a little small so if that is your feeling use 11

    h1 I keep the same size as my text but use bold - but that is a personal thing

    Perhaps 1 or 2 px more
     
    Foxy, Feb 4, 2005 IP
  5. ginostylz

    ginostylz Well-Known Member

    Messages:
    240
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    138
    #5
    I thought px limited vision impaired :)
    It really only effects vision impaired using IE.
    The text zoomed fine using netscape.

    Also this site had some good articles on css too. http://alistapart.com/articles/sizematters/
     
    ginostylz, Feb 4, 2005 IP
  6. reh3363

    reh3363 Guest

    Messages:
    147
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    0
    #6
    try using some code like this

    
    
    body {
    font: small/1.6 verdana, sans-serif;
    }
    p {
    font-size: 85%;
    }
    h1 {
    font-size: 130%;
    }
    
    
    Code (markup):
    just play with the percentages to get the size you want. this is the technique I use on all my sites and it seems to work pretty well in all browsers.
     
    reh3363, Feb 4, 2005 IP
  7. J.D.

    J.D. Peon

    Messages:
    1,198
    Likes Received:
    65
    Best Answers:
    0
    Trophy Points:
    0
    #7
    All major browsers (IE, FF and Opera) seem to ignore font-size inheritance in some cases. For example, if you define font-size for <body>, <table>'s don't seem to inherit it. A simple fix is to add a DOCTYPE declaration to the page.

    J.D.
     
    J.D., Feb 5, 2005 IP