#1
  1. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2000
    Posts
    1
    Rep Power
    0
    Hi,
    I know lots of people have this problem: I've got a webpage put together which looks great with normal fonts, but gets all jumbled when viewed on a computer with large fonts.

    I've read a lot of posts saying that you can overide the font setting with CSS and the important! tag, but i can't get this to work!

    Is it possible to do this? if so, how?

    any thoughts or insight would be greatly appriciated - i'm getting pretty frustrated...

    thanks a lot!
    alex
  2. #2
  3. No Profile Picture
    Junior Member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2000
    Posts
    14
    Rep Power
    0
    If your web page is getting jumbled on another person's pc with large font settings, it might be a sign that your web page has too much stuff on it....i.e. you might be trying to cram too much on the page. Break up the page into one or more pages with a main page which the surfer uses to navigate to/from. Many terrific web sites have simple uncomplicated html. There should be nothing wrong with normal fonts.
    You can't please everyone, no matter how hard you try.
  4. #3
  5. Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Feb 2000
    Location
    Perth West Australia
    Posts
    757
    Rep Power
    15
    as an example - before your <body> tag - in or out of the <head> put

    <style>
    A.link{ color : #ff0000 ;
    font-family : Arial,Century Gothic ;
    font-size : 10pt;
    text-decoration:underline;
    }
    A.bluelink{ color : #ff0000 ;
    font-family : Arial,Century Gothic ;
    font-size : 10pt;
    text-align : justify ;
    }

    .smallred{ color : red;
    font-family : Arial,Century Gothic ;
    font-size : 8pt;
    text-decoration:none;
    }
    .bigred{ color : #red ;
    font-family : Arial,Century Gothic ;
    font-size : 18pt;
    text-decoration:none;
    }
    redbold{ color : #ff0000 ;
    font-family : Arial,Century Gothic ;
    font-size : 10pt;
    font-weight: 600;
    }
    </style>

    now in your html you can do this:
    <font class="bigred">this will be in big red text</font>

    or in a table <td class="redbold">this cell will be in bold red text</td>

    a normal link - <a href=" etc etc
    a blue link - <a class="bluelink" href=" etc etc

    Ideally your styles should be kept in a seperate file, but play around with this for a bit and see how you go.



    ------------------
    Simon Wheeler
    FirePages -DHTML/PHP/MySQL
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2000
    Posts
    71
    Rep Power
    15
    I have style properties in this CSS file:

    A:link {
    COLOR: #FFFFFF
    }
    A:visited {
    COLOR: #FFFFFF
    }
    A:active {
    COLOR: #00FFFF
    }
    A:hover {
    COLOR: #00FFFF
    }


    I'm not using <font class...> anywhere in html, and it works.
    How can I add style property for ordinary text ?


    [This message has been edited by Pepe (edited July 08, 2000).]
  8. #5
  9. Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Feb 2000
    Location
    Perth West Australia
    Posts
    757
    Rep Power
    15
    BODY {
    font-family: Arial, Helvetica, sans-serif; color : #000000 ;
    } etc etc

    A.link/hover/etc are treated differently to your own classes ie .bigred where you need to assign the class.


    ------------------
    Simon Wheeler
    FirePages -DHTML/PHP/MySQL

IMN logo majestic logo threadwatch logo seochat tools logo