Re: [WSG] Fixed pixel fontsize - resizable font size
Neerav wrote: Im doing a bit of pro bono work at the moment and not having ever used fixed font sizes, was wondering if there are any percentage or em equivalents or formulas to convert from: FONT-SIZE: 11px; etc to more accessible font size units The Kubrick template at http://binarybonsai.com/kubrick/ has a css file that says: code body { font-size: 62.5%; /* Resets 1em to 10px */ /code I don't know where he got that conversion from tho. Ben. -- Ben Hamilton mailto:[EMAIL PROTECTED] http://hamilton.id.au/?:-) Need a web site hosted? I was fed up with the poor service I was getting and decided that I could do better. Here it is: http://dynamicwebhosting.com.au/?referrer=emailsighidau ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Fixed pixel fontsize - resizable font size
Neerav wrote: was wondering if there are any percentage or em equivalents or formulas to convert from: FONT-SIZE: 11px, 22px, 10px, 14px and 16px. To go from pixels to em's, simply divide by 16. HTH aj ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Fixed pixel fontsize - resizable font size
This table by reed design might be helpful: http://www.reeddesign.co.uk/test/points-pixels.html kemie ...:| kemie |:... .:| www.monolinea.com |:.
Re: [WSG] Fixed pixel fontsize - resizable font size
Alex and kemie I tip my hat to you, your advice worked perfectly :-) -- Neerav Bhatt http://www.bhatt.id.au Need a Sydney based web standards contractor? You need my services. Recent projects for Glassonion, Freshweb, Cogentis, Ceneka ... http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://bookcrossing.com/referral/neerav Alex James wrote: Neerav wrote: was wondering if there are any percentage or em equivalents or formulas to convert from: FONT-SIZE: 11px, 22px, 10px, 14px and 16px. To go from pixels to em's, simply divide by 16. HTH aj ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Fixed pixel fontsize - resizable font size
Hello Neerav, You can even use em unit for your element dimensions too. So all your layout can zoom in/out too. The easy way I know is to define what 1em is by telling first in pixels : html { font-size: 10px !important; /* understood and respected by browsers except for IE that will take the last identical attribute */ font-size: x-small; /* IE equivalent for 10px */ } And then tell the next element to appear in your code : body { font-size: 1em; } And then, if you want a div to be 200 by 345 pixels : div { width: 20em; height: 34.5em; } Or in case only height should be zoomable div { width: 200px; height: 34.5em; } So now when you use text size / increase (zoom), all your element will zoom too. Hope it helps Hugues Brunelle Concepteur graphique // ECHO tridimension 2139 rue Masson Montréal QC H2H 1A8 1-(514)5211360 [EMAIL PROTECTED] -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Neerav Sent: April 14, 2005 03:21 To: WSG Subject: [WSG] Fixed pixel fontsize - resizable font size Hi all Im doing a bit of pro bono work at the moment and not having ever used fixed font sizes, was wondering if there are any percentage or em equivalents or formulas to convert from: FONT-SIZE: 11px; FONT-SIZE: 22px; FONT-SIZE: 10px; FONT-SIZE: 14px; FONT-SIZE: 16px; etc to more accessible font size units -- Neerav Bhatt http://www.bhatt.id.au Need a Sydney based web standards contractor? You need my services. Recent projects for Glassonion, Freshweb, Cogentis, Ceneka ... http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://bookcrossing.com/referral/neerav ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Fixed pixel fontsize - resizable font size
Hi Mike, Only partially at the moment because I have no time :( But, if you don't mind the background image problem, my actual Website is a good exemple : http://www.echo3d.com (and if you go under portfolio, click a project, and look at the content image. It use the same technique so you'll be able to scale it, of course quality drops when you do but as soon as IE support entirely PNG24 I'll be able to put good resolution pictures and forget about quality). My under dev page is more like it http://dev.echo3d.com/services (it's the only page available at the moment) Cheers, H. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike Foskett Sent: April 14, 2005 08:29 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Fixed pixel fontsize - resizable font size Hi Hugues, Do you have an online version demonstrating this technique? Mike 2k:)2 Mike Foskett Web Standards, Accessibility Testing Consultant Multimedia Publishing and Production British Educational Communications and Technology Agency (Becta) Milburn Hill Road, Science Park, Coventry CV4 7JJ Email: [EMAIL PROTECTED] Tel: 02476 416994 Ext 3342 [Tuesday - Thursday] Fax: 02476 411410 www.becta.org.uk -Original Message- From: Hugues Brunelle [mailto:[EMAIL PROTECTED] Sent: 14 April 2005 14:48 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Fixed pixel fontsize - resizable font size Hello Neerav, You can even use em unit for your element dimensions too. So all your layout can zoom in/out too. The easy way I know is to define what 1em is by telling first in pixels : html { font-size: 10px !important; /* understood and respected by browsers except for IE that will take the last identical attribute */ font-size: x-small; /* IE equivalent for 10px */ } And then tell the next element to appear in your code : body { font-size: 1em; } And then, if you want a div to be 200 by 345 pixels : div { width: 20em; height: 34.5em; } Or in case only height should be zoomable div { width: 200px; height: 34.5em; } So now when you use text size / increase (zoom), all your element will zoom too. Hope it helps Hugues Brunelle Concepteur graphique // ECHO tridimension 2139 rue Masson Montréal QC H2H 1A8 1-(514)5211360 [EMAIL PROTECTED] -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Neerav Sent: April 14, 2005 03:21 To: WSG Subject: [WSG] Fixed pixel fontsize - resizable font size Hi all Im doing a bit of pro bono work at the moment and not having ever used fixed font sizes, was wondering if there are any percentage or em equivalents or formulas to convert from: FONT-SIZE: 11px; FONT-SIZE: 22px; FONT-SIZE: 10px; FONT-SIZE: 14px; FONT-SIZE: 16px; etc to more accessible font size units -- Neerav Bhatt http://www.bhatt.id.au Need a Sydney based web standards contractor? You need my services. Recent projects for Glassonion, Freshweb, Cogentis, Ceneka ... http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://bookcrossing.com/referral/neerav ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. This footnote also confirms that this email message has been swept by MIMEsweeper for the presence of computer viruses. www.mimesweeper.com ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Fixed pixel fontsize - resizable font size
was wondering if there are any percentage or em equivalents or formulas to convert from: FONT-SIZE: 11px, 22px, 10px, 14px and 16px. To go from pixels to em's, simply divide by 16. Is this a cross-browser, cross-platform formula? Is there a chart of the standard settings for browsers, and possibly for the common user settings? -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **