Just came across this...
http://www.scotconnect.com/webtypography/index.php
Nick
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
Has anyone read the opinion article in APC Magazine
regarding Web Standards? (I haven't)
It gets a brief mention here:
http://www.apcmag.com/apc/v3.nsf/dir/latest
Apparently its a bit scathing of them, but not having
read it I can't really comment.
--
Cameron Adams
W: www.themaninblue.com
On Tuesday 23 March 2004 09:08, Neerav wrote:
2. I'd be happy with +- 25%
I tend to agree - I'm a fan of the
p, .etc
{
font-size: 0.75em;
line-height 1.5;
}
... combination. It's roomy and easy to read, especially when used in
conjunction with Georgia or Verdana.
While
Good afternoon Gyrus,
It was foretold that on 23-3-2004 @ 02:47:56 GMT+ (which was
3:47:56 where I live) Gyrus would mumble:
snipped a bit
G It's a shame if floated lis all stack up in Opera but inline lis lose
G padding in IE5.0. Ah well...
Just a quick guess, but have you removed
Good afternoon Gyrus,
It was foretold that on 23-3-2004 @ 02:47:56 GMT+ (which was
3:47:56 where I live) Gyrus would mumble:
snipped a bit
G Thanks, I'd forgotten about inline whitespace. It works OK in Opera
G now, but all padding is lost in IE5.0/Win.
Was to quick on my previous
At 15:11 23/03/2004 +0100, you wrote:
G It's a shame if floated lis all stack up in Opera but inline lis lose
G padding in IE5.0. Ah well...
Just a quick guess, but have you removed the display:block?
Yeah, it's all inline now. I was just making a general comment there about
the fact that
On Tuesday 23 March 2004 15:55, Lorenzo Gabba | Quirk wrote:
I tend to agree - I'm a fan of the
p, .etc
{
font-size: 0.75em;
line-height 1.5;
}
I forgot to mention that it's probably a good idea (from a usability POV) to
declare:
body {font-size: 100%;} /* user defined
Font size is a hotly debated topic. At one extreme of the font size debate
are accessibility purists who believe that web designers and developers
should not touch default font size at all [1],[2], and at the other extreme
you have the pixel-perfect web designers setting absolute pixel sizes on
At 15:22 23/03/2004 +0100, you wrote:
Was to quick on my previous post: have you tried using margin
instead of padding? Or adding a position:relative to let IE5 behave?
Just still guessing...
Appreciated. I think the reason for padding rather than margin is so the
space created is (1) filled
Good afternoon Gyrus,
It was foretold that on 23-3-2004 @ 14:33:46 GMT+ (which was
15:33:46 where I live) Gyrus would mumble:
snipped a bit
G Yeah, it's all inline now. I was just making a general comment there about
G the fact that display:block/float screws Opera but display:inline
Maxine Sherrin wrote:
Have just started major site overhaul at www.westciv.com ...
1. I want people to be able to read the text on my page, but I also
want it to look stylish and not bulky
You don't know whether it looks bulky to me until you look at my PC
display. If it looks bulky to
Wish I could just fly to Sydney right away but I can't :( We don't get these
type of presentation here!!! *envy envy*
Having videos for the meetings would be great for foreign countries' members
:) I understand the time needed to edit and convert the videos and server
space etc.
I would be
Hello,
I'm wondering if anyone on this list could direct me to an example of a
good tab navigation bar done in CSS. I want to create something similar
to the navigation on Amazon.com or apple.com -- in CSS, of course.
Thanks!
Barb
--
Barbara Dozetos [EMAIL PROTECTED]
Thanks Justin. Just got my email set up after reformatting my computer. Sorry for this late reply.
I have just done a search on couple of ways to hide stylesheets from certain browsers.
I am thinking of hiding my stylesheets from Mac IE and Netscape as well as PC Netscape 4-5 or
At 14:38 23/03/2004 -0500, you wrote:
I'm wondering if anyone on this list could direct me to an example of a
good tab navigation bar done in CSS. I want to create something similar
to the navigation on Amazon.com or apple.com -- in CSS, of course.
Doug Bowman's Sliding Doors technique is a
Barbara Dozetos wrote:
Hello,
I'm wondering if anyone on this list could direct me to an example of a
good tab navigation bar done in CSS. I want to create something similar
to the navigation on Amazon.com or apple.com -- in CSS, of course.
I have created one a few weeks ago, it was not easy.
The classics:
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/
Hope this helps,
Patrick
-Original Message-
From: Barbara Dozetos [mailto:[EMAIL PROTECTED]
http://www.alistapart.com/articles/slidingdoors/
These work great.
Here are some other examples using lists as navs. Some are set up as
tabs, but the sliding doors article will give you what you want i think.
http://css.maxdesign.com.au/listamatic/
-
Jeremy Flint
www.jeremyflint.com
Hi all,
I'm about to begin a new project, and just got myself wondering about
the most semantically correct way to establish overall site
markup-guidelines.
I'm coming from a print background, and therefore try to make apply
most common newspaper/magazine structure to the markup.
So:
H1:
body{
background: url(image.jpg) center center no-repeat;
}
-
Jeremy Flint
www.jeremyflint.com
theGrafixGuy wrote:
Is there anyway to center the background image on a page withoiut
resorting to a div?
*
The discussion list for
Or here: http://css.maxdesign.com.au/
Martin
On 23/3-2004, at 21.14, Tonico Strasser wrote:
Barbara Dozetos wrote:
Hello,
I'm wondering if anyone on this list could direct me to an example of
a good tab navigation bar done in CSS. I want to create something
similar to the navigation on
theGrafixGuy wrote:
Is there anyway to center the background image on a page withoiut
resorting to a div?
body {
background-image: url(yourimage.jpg);
background-position: center;
}
Should do it.
*
The discussion list for
Hi Brian,
Hard to tell from the description - a mockup might help, but here is a page
that may be of benefit...
Dead Center:
http://www.wpdfd.com/editorial/thebox/deadcentre4.html
HTH
Russ
Hello,
I am trying to figure out how to do the following and am doing little more
than making my
Hi
I received your email and will try to get back to you as soon as I have the
opportunity.
Steven Clark
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on
I have gotten the background image part figured out (Kudos to Jeremy for the
assist).
So now I am down to centering a box fluidly on the page so that its content
will display over the centered baackground regardless of screen size and the
footer will be relative to the bottom of the content box.
Yep, that is what I was looking for - Thank you!
-Original Message-
From: russ weakley [mailto:[EMAIL PROTECTED]
Sent: Tuesday, March 23, 2004 1:11 PM
To: Web Standards Group
Subject: Re: [WSG] Centering one box in the center of the page with a footer
attached
Hi Brian,
Hard to tell
Russ
So, is there are middle ground between absolute font sizing and no
resizing
at all? I reckon the answer (and happy to be persuaded otherwise), is
relative font sizing.
And I'd take Russ' advise one step further by adding that relative
positioning and sizing for the layout also would be
I wanted to do something similar - check this out :
http://nakijo.vna.com.au
Hope that helps
- Original Message -
From: theGrafixGuy [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Wednesday, March 24, 2004 8:31 AM
Subject: RE: [WSG] Centering one box in the center of the page with a
I am thinking of hiding my stylesheets from Mac IE and Netscape
Jamie
Agrr... You'd be leaving most of us creative people out in the cold!
Leo
why?? i think one of the best things we can do with expanding the awareness
of a better way of doing stuff is to let others look at how we did it
gracefully.
please plunder my directories at will.
Steven
From: Leo J. O'Campo [EMAIL PROTECTED]
Reply-To: [EMAIL PROTECTED]
To: [EMAIL
On a website I've recently developed (www.cabotconsultants.com.au) I opted
for this...
p.body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #036;
margin-left: 18px;
margin-right: 18px;
line-height: 2;
}
I found it's clean and clear. Just
Hi Martin
If it is a Heading yes it's semantic, if not - it's not semantic.
If it's not a heading I would probable use something like this:
span class=date March 23 - 2004/span
Cheers
Jeff Lowder
Accessibility 1st
Website: www.accessibility1st.com.au
Blog: www.accessibility1st.com.au/journal/
as always when in doubt ask Russ :-)
http://www.maxdesign.com.au/presentation/relative/
[EMAIL PROTECTED] wrote:
On a website I've recently developed (www.cabotconsultants.com.au) I opted
for this...
p.body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
a!! thank you, didn't see this article
as always when in doubt ask Russ :-)
http://www.maxdesign.com.au/presentation/relative/
[EMAIL PROTECTED] wrote:
On a website I've recently developed (www.cabotconsultants.com.au) I
opted
for this...
p.body {
font-family: Verdana, Arial,
Should you have classes with the same name as html tags? ie class body?
How I see it being a problem for a coder, is if you have; body { blah blah } and then
.body { blah blah } it could get confusing.
You may not need the body class, because you could assume all p tags follow the same
rules
Well... I'm new to this and it took me a long time to get that website w3c
xhmtl strict compliant!!! *phew*
I know the CSS leaves a lot to be desired. I'm in the process now of
rewriting it. I'll use a percentage on the body as suggested... and...
then I use percentage on p and h1, h2, etc? OR if
Thanks for the tip! I'm actually rewriting the CSS now (^_^; I'll keep
that in mind when classing.
I drew the images in Paint Shop Pro 7. I used a couple of light base
colours and a darker line tool. Then I saved them as gif (5 colour
palette?) so they are a nice small size.
Thanks for the
[EMAIL PROTECTED] wrote:
On a website I've recently developed (www.cabotconsultants.com.au) I opted
for this...
p.body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
line-height: 2;
}
I found it's clean and clear.
Is your monitor huge, or your
Wow thanks!
My printer is now working overtime with these articles :P
I can't believe the great response I've got from WSG! I found it last
night, and so far it's helped me more than anything.
- Darian
Hi Darian
This article might answer your questions
Thanks for the feed back!
I've tested the webpage on 3 differnet monitor on anything from 800X600 up.
I've also tested it in Netscape, IE, Opera and FireFox. I noticed the
Gecko browsers did display the font fairly small. I chose Verdana as it is
very clean for both print and display. I also
I didn't make this site, but I'm picking up the pieces. The navigation uses CSS rollovers which seem to work fine in most browsers, but completely stuff up in IE5 Mac. As in no navigation appears at all.
I'm not well versed in css-rollovers (or the quirks of IE5 Mac), so before I plunge into this
Hello Leo,
It was foretold that on 23-3-2004 @ 17:57:46 GMT-0500 (which was
23:57:46 where I live) Leo J. O'Campo would mumble:
snipped a bit
LJOC Can anyone here point me towards a good resource article on using IE's
LJOC conditional comments?
Cameron Adams wrote:
Has anyone read the opinion article in APC Magazine
regarding Web Standards? (I haven't)
Now I have. Page 26 (for Aussies and Kiwis on the list).
Guy by the name of David Emberton in the Opinion section. He's touted
as a professional web developer, and has written a couple
You could also use css to generate specific qualities for say print using
the @media
This allows for you to target say the printer and specify a formatting for
printing your pages instead of relying on browsers default settings which
may not be printer friendly. You can set margins, specific
This page shows how you can target just
IE5 for Mac:
http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html
hope this helps.
Cheers
Jeff Lowder
Website: www.accessibility1st.com.au
Blog: www.accessibility1st.com.au/journal/
-Original Message-
From: [EMAIL
H1: publication title/masthead
H2: section heading
H3: article heading
H4: article subheading
My understanding (coming from a search-engine-optimisation-through-web-
standards-wannabe angle) is that H1 is the most important heading on
the page. It should describe what the page is actually about,
(Sorry if this is a repeated msg - having email problems)
Hello List,
This may seen OT, but the underlying question is valid :~)
I'm using Homesite+ to code, and want to configure the internal browser to
Mozilla, from the default ie rendering engine, but not sure about it...
1.So, IYHOs,
I tend to agree with such suggestion: applying a percentage in the body and
then work with the remaining sizes in ems.
I have done that in here:
http://www.excellentsite.org/
Do you think font size is to small?
Carlos
- Original Message -
From: russ weakley [EMAIL PROTECTED]
To: Web
I have been trying to set my server to do it. Without success.
Follows the description of my attempt:
I have created an index.xhtml file, changed the content in it to
application/xhtml+xml (meta content=application/xhtml+xml;
charset=iso-8859-1 / ) and uploaded it.
IE just fails to render it.
Pete,
You might be better to start again. The author is fooling around with
background images for the menu, making the text disappear with a
span. Farhner image replacement? Better to give that the boot.
-Hugh
PS No idea why IE Mac isn't seeing the images.
I'm not well versed in
Title: Image replacement
I have been thinking about image replacement, and they all seem to have a downside to them, but what about using the z-index?
I think I have not seen this used before.
I guess the only downfall here would be that the size of the image would need to be the same
Hi
I wonder what the disabled would have to say about that. The very word
disabled is a label stuck on people that a society deem to be deficient
in some way, sourced from the term bad ability' - it's a disabling effect.
I'd hate to be called a lever, it would be very disabling. And of
course,
Hi
I haven't bothered messing with this yet - but Simon Jessey has:
http://keystonewebsites.com/articles/mime_type.php
http://jessey.net/blog/2003/sep/
I have created an index.xhtml file, changed the content in it
to application/xhtml+xml (meta
content=application/xhtml+xml;
Thanks Hugh but the client doesn't want to pay for that at this stage. He just wants to get it 'fixed' to work in IE5 Mac. Bummer I know.
P
On 24/03/2004, at 12:49 PM, Hugh Todd wrote:
Pete,
You might be better to start again. The author is fooling around with background images for the menu,
Title: Image replacement
Heres
a link to one that uses that type:
http://www.mezzoblue.com/archives/2003/12/12/accessible_i/#c002804
Cheers
Jeff Lowder
Accessibility 1st
Website: www.accessibility1st.com.au
Blog: www.accessibility1st.com.au/journal/
-Original
IMHO
1. do the code, check cycle on the newest version of mozilla/firefox
or opera or safari
2. very generally speaking standards compliance can be shown left to
right (best to worst) as
newest mozilla/firefox/opera/safari IE netscape 4 older browsers
--
Neerav Bhatt
Peter wrote:
Thanks anyway. Any other ideas folks?
I have got a similar problem with IE5.2 on the Mac
A navigation bar (div id=one) that is horiziontal on all other browsers is vertical
in IE5.2 on the Mac.
Fortunately another very similar navigation bar (div id=two) worked as expected.
The
Hi Martin
A good mark is to ask yourself if your pages degrade gracefully. Take away
your css or use non-compliant browsers will your page still be readable. I
am not sure it is necessary (my philosophical opinion) to cater to zillions
of browsers of varied vintage - I like Zeldman's quote
[EMAIL PROTECTED] wrote:
I've tested the webpage on 3 differnet monitor on anything from 800X600 up.
I've also tested it in Netscape, IE, Opera and FireFox. I noticed the
Gecko browsers did display the font fairly small.
If you are on windoze and seeing Gecko at default 16px rendering these
Curses, still no luck! No absolute positioning in this case.
Help me obiwan! I've run out of ideas!
Peter
On 24/03/2004, at 2:07 PM, Nick Cowie wrote:
What the problem appears to be is IE5.2 on Mac can not float items that are inside a absolutely positioned div.
x-tad-bigger
Thanks! I used this method and have uploaded the new style sheets to
www.cabotconsultants.com.au The new CSSs should make the font size nice
(^_^) I used percentages so they size well and easily on all browsers.
Thanks for all the help and if you find something else wrong don;t
hesitate to tell
Peter
yes it doesn't show in IE5 Mac and this bowser is very touchy with heights in percents. I think you need to define the height in #mainnav and remove the height and width 100% from the descendant a> element but I'd also scrap display block and let your li>s flow inline. The links are
Hugh
ditto on between the line... Biased people who use such comments
against reasons for standards they do not understand or care about, are
myopic at best. They couldn't see a fly, if it landed on their nose.
;-)
Leo
On Tuesday, March 23, 2004, at 08:05 PM, Hugh Todd wrote:
Cameron
your font size is fine, not too small.
Steven Clark
From: Felix Miata [EMAIL PROTECTED]
Reply-To: [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Font size, and how large is large enough?
Date: Tue, 23 Mar 2004 22:20:52 -0500
Cb2 Web Design wrote:
I tend to agree with such
I've used http://www.zvon.org and checked their reference pages for CSS
and CSS2. Very helpful, with examples to demonstrate.
Leslie
http://www.w3schools.com/css/css_reference.asp
This one comes in handy personally. Or try Google for any
specific CSS tgs
or attributes.
- Darian
Pete,
Try taking out all the overflow: hidden and see what happens.
-Hugh
Curses, still no luck! No absolute positioning in this case.
Help me obiwan! I've run out of ideas!
*
The discussion list for http://webstandardsgroup.org/
See
Wow I wasn't aware of this! thanks for the link. Just out of curiosity...
would you know the percentage of pcs without verdana? I mean, is it on mac
etc? I like the font so much(_)
would it be worth converting to arial? for the sake of i dunno 5%??? and
even if they don;t have verdana, although
Once again the remarkable Hugh comes through with the goods. Hugh, you deserve a knighthood.
Why does this work? I don't know! And frankly ... I don't care! ;)
Thanks mate
Peter
On 24/03/2004, at 3:18 PM, Hugh Todd wrote:
Pete,
Try taking out all the overflow: hidden and see what happens.
Hi,
You might be interested in some accessible, semantic
form layouts I've made:
http://www.themaninblue.com/writing/perspective/2004/03/24
Regards,
--
Cameron Adams
W: www.themaninblue.com
__
Do you Yahoo!?
Yahoo! Finance Tax Center - File online. File on
This slamming me with tons of posts from the group is not what I was expecting.
Is there a way to cram all this into one digest? I thought I was signing up
for a digest, not a membership to receive 50 messages a day.
Thanks,
Tom
Quoting Jeff - Accessibility 1st [EMAIL PROTECTED]:
Hi Martin
[EMAIL PROTECTED] wrote:
Wow I wasn't aware of this! thanks for the link. Just out of curiosity...
would you know the percentage of pcs without verdana? I mean, is it on mac
etc? I like the font so much(_)
Any time Verdana is actually set to a size big enough to read, it's
large relative
Hi
i kind of see your point myself, much of my day is awasting on emails. What
i did do is just wack up a quick hotmail dumping email and rejoined with
that. At least my business one isn't getting the brunt of it. Then if i want
I guess I only need to scan them at the end of the day (if i have
To set your membership to digest mode simply email
[EMAIL PROTECTED] and in the body of the email (subject
irrelevant) put the following words:
Set mode digest wsg
Be aware that our digest mode is not great! We are still working around
problems with our vendor - an ongoing battle.
Any questions
Mark Stanton wrote:
When the page specifies 'verdana, arial, helvetica,
sans-serif', such people almost never get to see their preference.
...unless they are using user style sheets, then they get to see whatever
they want...
Theoretically. The problem is the majority of sites use such
At this point, in regards to CSS - and the world in general - I feel like interjecting the old chestnut you can't please all of the people all of the time ...
On 24/03/2004, at 4:31 PM, Mark Stanton wrote:
When the page specifies 'verdana, arial, helvetica,
sans-serif', such people almost
I guess most users of websites just cop what their browser gives them. Um I
don't know anyone who sets preferences to have everything displayed in their
fave font. Isn't it a worry that by leaving it up to their browser to show
thier fave font that all you will achieve on most users screens is
Hi,
My two sites that I am working on (designing websites is something that I
struggle with terribly) are:
www.tomscomputerservices.net
www.tomwhalen.hopto.org
If anyone wants to offer simple suggestions on what I could change to make the
sites more appealing, I'm very open minded :-)
Also,
*phew* ain't that true!!
I'm considering changing the fonts for my website's CSS to arial... maybe.
I still like verdana, I'm so stubborn (_) I don't think either of
these font are really offending to anyone. Maybe if I was considering some
crazy artistic font it could annoy some viewers. I
here here!! I agree wholeheartedly, perfection doesn't exist and someone
will always whine they don't like what I've done. We simply do our best i
guess
Steven Clark
From: Universal Head [EMAIL PROTECTED]
Reply-To: [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Font size, and
Hi Darian,
I'm considering changing the fonts for my website's CSS to
arial... maybe.
I wouldn't bother. Verdana is perfectly acceptable with the Arial,
Sans-serif backup.
I still like verdana, I'm so stubborn (_) I don't think either of
these font are really offending to anyone. Maybe if
80 matches
Mail list logo