G'day
Firstly, what kind of measurement is ex?
http://www.w3.org/TR/CSS21/syndata.html#length-units
Relative units are:
em: the 'font-size' of the relevant font
ex: the 'x-height' of the relevant font
px: pixels, relative to the viewing device
I tend to use a
G'day
body{font:84%/1.2em arial,sans-serif;direction:ltr}
What's the point of setting the body font at 84% of 1.2em?
(which is what I assume is what's happening).
Your assumption is incorrect. The 1.2em refers to line height.
See http://www.w3.org/TR/CSS21/fonts.html#font-shorthand
Ok well compare that with this one:
Median Windows Settings
96DPI (normal fonts)
IE7.1 set to Medium
How does one get IE 7.1?
Oh DER!!! I'm using IE6.0.2900 - the one that came with WinXP Pro SP2.
It's NETSCAPE that's up to 7.1. Whoops.
Cheers
Mike Kear
Windsor, NSW, Australia
AFP
Hello,
I was wondering if someone could inform me or point me to a resource on how
to make a navigation dropdown/popout menu 'sticky' as a user progress
deeper. (Parent menu items stay in hover state).
The particular menu that I am working on is here:
http://www.paulfarrell.com.au/dev/index.php
Paul
What you need is http://www.htmldog.com/articles/suckerfish/dropdowns/
Neerav Bhatt
http://www.bhatt.id.au
Web Development IT consultancy
http://www.bhatt.id.au/blog/ - Ramblings Thoughts
http://www.bhatt.id.au/photos/
http://www.bookcrossing.com/mybookshelf/neerav
Paul Farrell wrote:
Hello,
em: the 'font-size' of the relevant font
Not totally. An em is the width of (no shit!) an 'M' glyph. But the
rest is allright for me.
--
Cheers,
Rob.
» http://www.zooibaai.nl/b/
**
The discussion list for
Sunday, November 14, 2004, 11:02:43 AM, Rob wrote:
em: the 'font-size' of the relevant font
Not totally. An em is the width of (no shit!) an 'M' glyph. But the
rest is allright for me.
Totally. The font size is set in em units. The unit is defined as
the width of an 'm' glyph.
--
I find the description of font-size a bit dodgy, so I wanted to make
clear that all units have a meaning.
On Sun, 14 Nov 2004 11:14:21 +, Iain Harrison [EMAIL PROTECTED] wrote:
Sunday, November 14, 2004, 11:02:43 AM, Rob wrote:
em: the 'font-size' of the relevant font
Not
Sunday, November 14, 2004, 11:14:21 AM, I wrote:
Not totally. An em is the width of (no s--t!) an 'M' glyph. But the
rest is allright for me.
Totally. The font size is set in em units. The unit is defined as
the width of an 'm' glyph.
Since quoting Bob's message, I've had two bounce
Sunday, November 14, 2004, 11:22:18 AM, Rob wrote:
I find the description of font-size a bit dodgy,
I agree. Defining a font size in terms of a unit that is based on a
font size seems pretty stupid to me too, but that's how it is. There
are lots of stupidities around.
Here in the UK, we use
Sunday, November 14, 2004, 11:40:17 AM, Iain wrote:
Fourthly,
There was a third, but I decided it was rubbish. Sorry, folks.
--
Iain
**
The discussion list for http://webstandardsgroup.org/
See
I find the description of font-size a bit dodgy,
I agree. Defining a font size in terms of a unit that is based on a
font size seems pretty stupid to me too, but that's how it is. There
are lots of stupidities around.
Well, in the print business, it's much more strict, which I prefer.
This is relevant in several respects:
Firstly, we have to realise that there are some brain-dead mail
filtering systems out there, and have to be careful about the words
we use or quote in emails.
I don't agree, I can be blue to people I know in person but profanity
(including that mild but
Patrick H. Lauke wrote:
Did some really small superficial test to see which older browsers
support underscores in class names:
- IE 4 no
- IE 5, 5.5 yes
- Netscape 4.77 yes (surprisingly)
- Netscape 6 no
- Netscape 7 yes
(obviously this list is far from complete)
While I was at it, also
Sunday, November 14, 2004, 12:11:52 PM, Peter wrote:
And fifthly, be careful when inventing class names that they won't
be a rude word in any possible language in the world!
Why would you use anything like that? Why take the chance of embarrassing
anyone?
Now you are being silly.
It's
Michael Kear wrote:
How does one get IE 7.1?
Oh DER!!! I'm using IE6.0.2900 - the one that came with WinXP Pro SP2.
It's NETSCAPE that's up to 7.1. Whoops.
Netscape's been up to 7.2 since August. 7.1 has security bugs.
--
Congress shall make no law respecting an establishment of
On Sun, Nov 14, 2004 at 07:24:05PM +1100, Neerav wrote:
Paul
What you need is http://www.htmldog.com/articles/suckerfish/dropdowns/
just a heads-up; this menu doesn't work in (some versions?) of
konqueror, and as far as I can tell, shouldn't work at all according to
the standards - I managed
Hi folks,
My first post, since I've worked in print longer than web. In print, an em (and en) are mostly used to describe dashes (of the width of M and N) in a font. So they are appropriate to the task when used for that. They have been slightly redefined for the web (since an en is not always
Greetings,
As Marilyn notes, CSS has inherited a technical vocabulary from another
technology - typography. In that world...
- The point (pt) size tells the printer how big is the distance from the
top of the ascender to the bottom of the descender for that font.
- An em is equal to the height
FWIW, I consider this likely to be an incorrect usage of dir. The default
is ltr, so it is hard to imagine a need for it on the body tag, though it's
not incorrect to specify. However, direction should normally be specified
for the html tag rather than body (it's inherited). And if it is
Mary Krieger wrote:
- The point (pt) size tells the printer how big is the distance from
the top of the ascender to the bottom of the descender for that font.
- An em is equal to the height of the font being used ( or in other
words the point size). It is used to set the widths and height of
Sunday, November 14, 2004, 6:01:52 PM, Mordechai wrote:
While pt's are fine for the print media type, when using the screen (by
far the most commonly used media with CSS) pixels (px) essentially
replace points.
When you use points, the system has a chance to compensate for the
screen
http://xhtmlandcss.co.uk/index.php?p=4
Well all weekend ive finally been getting this site sorted after about
3months of saying I would.
Basically im going to offer templates, menus and such that I either didn't
use for clients work or test ones.
Id also like some advice on the copyright side
Creative _Commons_ is the best you can do. Another thing you might
want to add is a link or even generator meta to WordPress. It's
published under the same CC you're referring to.
On the concept: well, someone had to do it.
On Sun, 14 Nov 2004 19:44:13 -, Mark Harwood [EMAIL PROTECTED]
Iain Harrison wrote:
It's best to have the base set in ems (for IE compatibility reasons)
and use relative sizes thereafter.
In my experience IE doesn't resize ems consistently. I've come to use %
for the base (on the html), then em (on the body)
Patrick H. Lauke
Yeah, I shall be placing a powered by wordpress bit, just not got round to
that bit yet :)
And as for your Someone had to do it your damn right :)
I shall be opening up the site to other to submit stuff too maybe not public
but if people wanted to join up drop me a mail
-Original
Sunday, November 14, 2004, 8:02:50 PM, Patrick wrote:
In my experience IE doesn't resize ems consistently. I've come to use %
for the base (on the html), then em (on the body)
Eh? That makes no sense to me. Body is a child of html.
--
Iain
Iain Harrison wrote:
Sunday, November 14, 2004, 8:02:50 PM, Patrick wrote:
In my experience IE doesn't resize ems consistently. I've come to use %
for the base (on the html), then em (on the body)
Eh? That makes no sense to me. Body is a child of html.
I'm not disputing that. What I'm saying is:
Sunday, November 14, 2004, 8:28:45 PM, Patrick wrote:
it seems that ems and percentages are
interchangeable
Indeed. Unless you define a unit, I think the base unit is 1em.
--
Iain
**
The discussion list for
Thanks for the link Paul - that's a good one.
Rick: Thanks for checking it out. I thought about the caption idea,
and at first thought yeah, that makes sense, but then I figured that
if you don't recognise the flag, there's a fair chance you won't speak
the language anyway! Or am I just being
Hi
Safari (1.2.4) has a problem with the layout of this form:
http://dev5.signify.co.nz/templates/form.html
All other tested browsers render it fine. Safari seemingly isn't clearing the
textarea in the first fieldset, and is adding a huge amount of whitespace at
the top of the second fieldset.
I have redesigned a header for a web page. Firefox 1.0 displays the HTML and
CSS just what I am trying to achieve. However, IE6 ignores the height in
#logowrapper {. Why? And how do I fix it? Thank you.
Angus MacKinnon
MacKinnon Crest Saying
Latin - Audentes Fortuna Juvat
English - Fortune
Hello Jason, Paul,
Apart from the fact that a user would not always like to see their language
associated with the flag of another country, there are other reasons for not
using flags. If you want to specify Swiss German, vs Swiss French vs. Swiss
Italian sites, you need a second level of choice
have redesigned a header for a web page. Firefox 1.0 displays the HTML and
CSS just what I am trying to achieve. However, IE6 ignores the height in
#logowrapper {. Why? And how do I fix it? Thank you.
HTML: http://www.choroideremia.org/HNew/CRFHeader.htm
CSS:
Barring browser weirdness for a brief utopian moment, is this the way it is
supposed to work.?
In order for any text to appear, someone somewhere has to have chosen a
font face and size. So choosing to use relative rather than absolute units
for font size moves where the decision occurs.
If
Sunday, November 14, 2004, 9:52:20 PM, Mary wrote:
is this the way it is
supposed to work.?
That's my understanding of it, I think.
--
Iain
**
The discussion list for http://webstandardsgroup.org/
See
Michael,
Whoops, that was a typo. I should, of course, have written 76% or
0.76em.
I read somewhere (I'm sure someone on the list will remember where)
that 76% works for all modern browsers better than 75%, because of a
rendering difference in one of the browsers.
-Hugh
5) I'd suggest
There was a mention in Scott Parsons' very useful talk (Thursday's
Sydney meeting) of the difficulty of validating pages when they were
inside a firewall.
I just thought I'd post that it's not impossible, and give you some
links to help you install your own validator. I'm not a
have redesigned a header for a web page. Firefox 1.0 displays the HTML and
CSS just what I am trying to achieve. However, IE6 ignores the height in
#logowrapper {. Why? And how do I fix it? Thank you.
HTML: http://www.choroideremia.org/HNew/CRFHeader.htm
I get a 404 error on this URL and can't
you're floating the textarea:
remove this declaration from the CSS:
form#application div.row textarea
cheers Terry
On 2004-11-15 10:05 AM, Mike Brown wrote:
Hi
Safari (1.2.4) has a problem with the layout of this form:
http://dev5.signify.co.nz/templates/form.html
All other tested browsers render
Damian
HTML: http://www.choroideremia.org/HNew/CRFHeader.htm
I get a 404 error on this URL and can't guess the right page.
Sorry. I should check my typing.
HTML: http://www.choroideremia.org/New/CRFHeader.htm
CSS: http://www.choroideremia.org/New/CRFHeader.htm
Angus MacKinnon
MacKinnon
Hugh, thanks for your suggestions. I'm sorry that in the rush yesterday I
didn't thank you for your input. I've implemented all of your
suggestions and I have a better site now as a result. Thanks I
notice that on one page now that the fonts are smaller, the flow of
text has resulted in some
Marilyn Langfeld wrote:
Hi folks,
My first post, since I've worked in print longer than web. In print, an
em (and en) are mostly used to describe dashes (of the width of M and N)
in a font. So they are appropriate to the task when used for that. They
have been slightly redefined for the web
Damian
HTML: http://www.choroideremia.org/HNew/CRFHeader.htm
I get a 404 error on this URL and can't guess the right page.
Sorry. I should check my typing.
HTML: http://www.choroideremia.org/New/CRFHeader.htm
CSS: http://www.choroideremia.org/New/CRFHeader.htm
IE is not your only issue. Safari
Hello WSG.
My website at http://mavos.net/ is messing with my head. Actually it's
Internet Explorer that's messing with my head. The two columns marked
with red and yellow for debugging purposes don't stay next to each other
in Internet Explorer, but the right column falls down below the
Mary Krieger wrote:
Barring browser weirdness for a brief utopian moment, is this the way it is
supposed to work.?
In order for any text to appear, someone somewhere has to have chosen a
font face and size. So choosing to use relative rather than absolute units
for font size moves where the
Damian
I took out the min-height: out. Does that make any change?
HTML: http://www.choroideremia.org/New/CRFHeader.htm
CSS: http://www.choroideremia.org/New/CRF_css1.css
Angus MacKinnon
MacKinnon Crest Saying
Latin - Audentes Fortuna Juvat
English - Fortune Assists The Daring
Web page:
Laurie Keith wrote:
Hi,
If any of you busy people have a spare 15 minutes, can you give me an honest
evaluation on our new corporate web site.
http://www.createwith.com
Hi Laurie,
Others have cracked down on the Flash thing, so I'll focus on some other
issues. Basically, it's a clean, neat site,
In order to stop Russ from hassling me about it every time I see him,
I've thrown together a small demo/explanation of the latest greatest
image replacement method (well, 'fancy heading method', really):
http://lindsayevans.com/experiments/lindsaymethod_2/
I'm sure I'm not the first to use it,
Damian
I took out the min-height: out. Does that make any change?
HTML: http://www.choroideremia.org/New/CRFHeader.htm
CSS: http://www.choroideremia.org/New/CRF_css1.css
This now looks broken in Firefox (image smaller and too high) and the
image doesn't display at all in Safari. You've also now
Hi All,
Just launched a mini-site while the core is under redesign @
ckimedia.com, all insight is most welcome.
C
Knowing is not enough, you must apply;
willing is not enough, you must do.
---Bruce Lee
Thanks Richard - we did have that trouble with Simplified Chinese and
Traditional Chinese. Same flag - didn't really know how to
differentiate them.
Cheers!
On Sun, 14 Nov 2004 21:22:18 -, Richard Ishida [EMAIL PROTECTED] wrote:
Hello Jason, Paul,
Apart from the fact that a user would
Lindsay
I note that you're using the proprietary -moz-border-radius to achieve a
rounded look just like I decided to a month ago at www.bhatt.id.au after
evaluating the various rounded corner methods and finding them to be a
pain to implement
I contend that while it does make the stylesheet
G'day
My website at http://mavos.net/ is messing with my head.
...
right column falls down below the content.
Any ideas why this is happening? It's driving me crazy.
Looks like the IE Doubled Float-Margin Bug. As a result of the double
(left) margin, there's not enough room for your #menu
Just asmall point Mike but in the section
Webcam you have a spelling error, teh instead of the.
Cheers
Maureen Beattie
Hugh, thanks for your suggestions. I'm sorry that in the rush
yesterday I didn't thank you for your input. I've implemented all of
your suggestions and I have
Lindsay Evans wrote:
http://lindsayevans.com/experiments/lindsaymethod_2/
You forgot to close the second comment. Fundamentally though, unless I'm
missing something: if you have an image with alpha transparency, you get
duplication (at least in Firefox) . The normal heading is rendered,
I understand the sillyness of class names like 'red' 'blue' 'bold'
'fontname' etc, but what is wrong with assigning multiple class names
to an object?
For example, I have many images on a page, some need a border, others
don't. Some with borders need to also be floated, while others don't.
I
I'll often use padding to cater to browsers that ignore the min-height
or height attribute.
On Mon, 15 Nov 2004 11:05:22 +1100, Damian Sweeney
[EMAIL PROTECTED] wrote:
Damian
I took out the min-height: out. Does that make any change?
HTML: http://www.choroideremia.org/New/CRFHeader.htm
On Mon, 15 Nov 2004 01:54:36 +, Patrick H. Lauke
[EMAIL PROTECTED] wrote:
You forgot to close the second comment.
Ooops, thanks. Fixed now.
The perils of copy n' paste :p
Fundamentally though, unless I'm
missing something: if you have an image with alpha transparency, you get
duplication
On 15 Nov 2004, at 7:07 am, John Horner wrote:
and here are specific instructions for installing it on Mac OSX from
Apple
http://developer.apple.com/internet/opensource/validator.html
and some less formal advice from Mediaville
http://www.mediaville.net/articles/validator/
That
Hi Natalie
I achieve this with using multiple classes on the object eg
class=borders floatR or just class=floatR for those that don't
need the border, but must float.
Is there an issue with this method or have a missed the point of your post?
I have used the exact method you describe, and I
Philippe Wittenbergh wrote:
Other than that, it installs as a breeze, and it is extremely useful to
have on your local dev server, esp when you work with dynamic pages
(includes, etc).
On windows, for quick and dirty html-only validation, it's also worth
looking at the Tidy extension for
On Mon, 15 Nov 2004 09:07:20 +1100, John Horner wrote:
I just thought I'd post that it's not impossible, and give you some
links to help you install your own validator.
Does anyone have any equally useful links (Thanks, John!) on evaluating
accessability inside a firewall?
Everything I've
Another Firefox extension that has local validation tools (among many
others) can be found here.
http://www.chrispederick.com/work/firefox/webdeveloper/
Does anyone have any equally useful links (Thanks, John!) on
evaluating accessability inside a firewall?
Everything I've found assumes the
The stylesheet is not invalid, it just doesn't validate (expl.: the
validator is stuck to CSS 2.0 while proprietary extensions are allowed
in CSS 2.01).
Neerav wrote:
...
I contend that while it does make the stylesheet invalid, it shouldnt
cause parsing errors because its the last few lines
Natalie
Thank you. I forgot about the padding property. I put in padding: 0; and I
have what I am looking for.
Angus MacKinnon
MacKinnon Crest Saying
Latin - Audentes Fortuna Juvat
English - Fortune Assists The Daring
Web page: http://members.shaw.ca/dabneyadfm
Choroideremia Research Foundation
Neerav wrote:
I contend that while it does make the stylesheet invalid, it shouldnt
cause parsing errors because its the last few lines of my CSS file, its
use is harmless and is OK for personal sites.
CSS3 has a similar attribute *, does anybody see the -moz-border-radius
attribute causing
On Mon, Nov 15, 2004 at 05:32:38AM +0100, Dejan Kozina wrote:
The stylesheet is not invalid, it just doesn't validate (expl.: the
validator is stuck to CSS 2.0 while proprietary extensions are allowed
in CSS 2.01).
Indeed, for further reading: http://www.w3.org/TR/CSS21/syndata.html#q4
Hi!I've been working on a template to use
for a new version of our cms.The idea is that the HTML-code (core) will be
allmost the same for all the customers. Changes to the design is to be done only
in the stylesheet. (yes... like www.csszengarden.com :-)I think I've
managed to get it close
Hi Ben
The concept is a good one, glad to see you are running with it.
I'd change some of your class/id names - example: column 1, column 2 -
they may not be columns at all in the long run. Something like
primary or secondary might suit?
I wish I wrote clean enough markup so I didn't have to
I would really appreciate some quality feedback on this subject as the cms is
suppose to be finished yesterday :-)
The template is validated XHTML and CSS.
The link to the html (xhtml) is http://www.siteman.no/v4/web_bi/webdeal/ and
the stylesheet is located at
On Mon, 15 Nov 2004 15:23:54 +1100, Paul Farrell wrote:
Another Firefox extension that has local validation tools (among many
others) can be found here.
http://www.chrispederick.com/work/firefox/webdeveloper/
No, no - not validation. Accessability.
Things that are easy to check at eg.
72 matches
Mail list logo