SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    font different size in SAME browser issue - help please!!

    my fonts are displaying as different sizes on different pages of my site using the same stylesheet - does anyone know what causes this?? its driving me nuts

    here http://www.counterspace.co.uk/ the links & text are displaying as the right size

    here http://cgi.ioloop.plus.com/vinyl/archive.php they arent!!! (column headers are links - the page x of y is text)

    here is my style:

    .heading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: normal;
    font-weight: bold;
    color: #999999;
    text-align: justify;
    }

    .text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: normal;
    font-weight: normal;
    color: #999999;
    text-align: justify;
    }

    a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    }
    a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    text-decoration: none;
    }
    a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: normal;
    font-weight: bold;
    color: #00FFFF;
    text-decoration: none;
    }
    thanks for any help

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello


    Arial, Helvetica, sans-serif;

    is not the same as

    Verdana, Arial, Helvetica, sans-serif

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hello


    i know,

    where is the mistake?

    i think you missed the point - its the SAME stylesheet appearing differently on different pages... why would one page interpret it one way and another another?

  4. #4
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    can you ****ing believe it!!!

    it was because i didnt have this at the top of one page:

    <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'
    'http://www.w3.org/TR/html4/loose.dtd'>

    how can that make a difference???!!!

  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)
    Well as we TRY to tell people here EVERYDAY (not that they all listen) having a valid doctype on EVERY page of your site makes life a lot easier for developing!

    MANY MANY things can be effected by not having a doctype or having a non valid doctype.

    I always explain it like this: If YOU dont tell the browser exactly what you want and in what version of html you want it it (the browser) almost has to guess or default back to the "lowest common denominator" ..... this is why a doctype is SO important!

    Glad you found it!

  6. #6
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well now i know ill be telling them too

  7. #7
    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)
    I have a saying .... you'll never forget anything that costs you time, money or stress ......... dont think you'll forget this one soon.

  8. #8
    SitePoint Enthusiast
    Join Date
    Mar 2005
    Posts
    74
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    something like that should go in the faq - or at least in a good practice guide - so simple yet fundamental. i had always assumed that the doc type header was just for info and served no purpose

  9. #9
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No#2 in my Top Tips.

  10. #10
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    You had a external Stylesheet overridden by a internal Stylesheet, de rest is Crap

  11. #11
    bronze trophy
    Join Date
    Dec 2004
    Location
    Sweden
    Posts
    2,670
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    When you delete that DOCTYPE the browser will use "Quirks mode" rendering. That is, for instance, IE6 will behaive more like IE5 did.
    Simon Pieters

  12. #12
    SitePoint Guru DocType's Avatar
    Join Date
    Feb 2005
    Posts
    827
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    When you use a DOCTYPE declaration(DTD), you're telling the browser to use a specific set of instructions to display your page.

    This is why it's important to validate your pages.

    The validator will check your code to determine what elements you're using (i.e. which version of html, CSS, or whatever) and compare it to your DOCTYPE declaration for compatibility.

    If the DOCTYPE doesn't fully support your code, or their isn't one, it(the validator) will give you a suggestion as to which one you should use, along with a list of any syntax errors you might have in your code.

  13. #13
    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)
    Quote Originally Posted by DocType
    When you use a DOCTYPE declaration(DTD), you're telling the browser to use a specific set of instructions to display your page.

    This is why it's important to validate your pages.

    The validator will check your code to determine what elements you're using (i.e. which version of html, CSS, or whatever) and compare it to your DOCTYPE declaration for compatibility.

    If the DOCTYPE doesn't fully support your code, or their isn't one, it(the validator) will give you a suggestion as to which one you should use, along with a list of any syntax errors you might have in your code.
    He's not called Doctype for nothing!

  14. #14
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    Doctypes do not write Verdana in or out of a stylesheets

  15. #15
    SitePoint Guru DocType's Avatar
    Join Date
    Feb 2005
    Posts
    827
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by all4nerds
    Hello

    Doctypes do not write Verdana in or out of a stylesheets
    No they don't; However, they do point the browser towards a set of instructions that know what to do with an external style sheet.


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
  •