Help with resizable text
Last Post 07/27/2007 8:25 AM by Joseph Craig. 6 Replies.
Author Messages
Joseph Craig
DNN MVP
Posts:11667


--
07/25/2007 10:18 AM
    Lee,

    I'm working on a skin that uses the approach from your Red Leaf Skin to create a CSS skin with resizable text.  I'm having some issues compaing IE and Firefox, particularly with text that is specified as xx%.  In particular, text that should be 80% appears at different sizes with IE and Firefox.

    Could you take a look at stockcentral.heimdall.ma.iclub.com and compare the "about" tab rendering with IE7 and FF.  Why are the font sizes different?

    Thanks!

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/26/2007 2:37 AM
    Hi Joe,

    The site appears to be down, I had a look yesterday as well and couldn't access it. - Yes there is a difference in font sizes between browsers, what you have to do is adjust the percentage until you find one that is approx. the same - 85% usually does the trick. Have you had a look at this tutorial:
    http://www.dnncreative.com/Howtocre...ntentID=85

    and

    Text pixels and percentage equivalents

    Hope this helps, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    07/26/2007 12:31 PM
    I've set up an accessible test site.

    Please have a look at http://jncraig.com/test with Firefox and with IE. There are font size differences between the two browsers that I don't understand ...

    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/26/2007 5:27 PM
    From having a look in the CSS, you have not specified a starting font size in the body tag, for instance add this to the body:

    font-size: small;

    You will then find that each browser has a bit more of a level start, from there you can then experiment with CSS font sizes, for instance try the .Normal class at 100% after setting the font-size to small

    Hope this helps, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    07/26/2007 6:01 PM
    Thanks, Lee!

    I found that little problem about an hour after posting my message - as I started working through your resizable text tutorials. They were quite a bit of help. And it did make quite a difference. I need now to go back to the developmental site and make that change.

    I also need to insure that my developmental site is set for the Transitional doc type. That and a few other changes.


    Joe Craig, Patapsco Research Group
    Complete DNN Support
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/27/2007 4:03 AM
    Glad it's of use, have you read this tutorial for doc types in the latest DNN versions, you no longer need to edit the default.aspx file:
    How to select DOC TYPES in DotNetNuke 4.4

    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    Joseph Craig
    DNN MVP
    Posts:11667


    --
    07/27/2007 8:25 AM
    Yes, I've read those. And, since I was starting from the Red Leaf Skin, you'd already done a lot of the work for me. I somehow erased the "small" in the body definition when I was changing the default fonts ..,

    Joe Craig, Patapsco Research Group
    Complete DNN Support


    ---