Forums
>
Users Lounge
>
Everything Else
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
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
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
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
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
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
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
Forums
>
Users Lounge
>
Everything Else