Kay
wrote:
I have the visibone font survey[1] already -
does anyone
know of any other resources or great examples?
There is the Code Style font survey:
http://www.codestyle.org/css/font-family/
Which has a far larger sample than visibone, but I don't know about it's accuracy (it
is a
Scott
wrote:
did you ever see this at Russ' website:
http://www.maxdesign.com.au/presentation/headings-as-images/index.cfm
It's a nice article about using images for headings, but
still getting all the benefits of Hx tags.
Fahrner Image Replacement seems to be the name given to it, you
to David Woodbridge and learn, you will
probably change the way you build websites for the better (or at least more
accessible).
Nick Cowie
Online Services
Department of Consumer and Employment Protection
Government of Western Australia
Andy wrote:
How about doing a Zen Garden type thing and allow
people to skin the WSG site.
That would be an interesting task, seeing it would be a 20 odd page site we would be
skinning.
The first challenge will be to get enough agreement on how to create the basic page
structure, eg:
do we
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
Leo wrote:
It can be done in CSS by toggling the display visibility with the
a:hover and positioning.
Except is does not work in that browser. (you know the one I mean Internet Exploder )
There are a number of tricks you can do with hover and CSS for people using CSS2
compliant browsers
Michael
The right column, has a commnet This is text in the colour #XX
Unfortunately #XX is the first colour entered, while it does display correctly as
the second coloured entered.
Nick
*
The discussion list for
Gary asked
So - what does everyone do?
I use em for all measurements (except images).
So those column widths are not 200px but 16.7em.
With a fixed width page (60em) long lines of text ie 80+ characters per line are
difficult to read.
Use a little bit of javascript to set the inital font size
OK - so is there a formula to work out PX to EM ? (at least on a
vanilla type of setup).
In theory, on the standard browser ;-(IE6 on windows) the default font size is 12
pixels so in that case 1em = 12 pixels.
Or it should be until you start playing with it with font-size=76%. But for
my eyes to two underused HTML 4
tags.
fieldset and legend (which are soon to be overused me in a new project).
If you use forms or are thinking about using form elements, check out:
http://themaninblue.com/writing/perspective/2004/03/24/
for some good ideas on what can be doe with forms.
Nick
I have tested projects in the past on IE5.5 across Windows 98, NT4 and Win2k boxes
with no noticeable differences. These projects have included basic javascript and
flash.
So now I just test on one PC (Win2k) running IE4, IE5, IE5.5, IE 6, NS3 (great for
testing how a page works with no CSS
Simon asked:
http://204.157.1.128/~wadigi/temp2.html with a
two column layout however i cant seem to make the sidebar div run
100% any help would be great !!!
Best solution I have found to the problem is:
http://www.alistapart.com/issues/167/
simple, effective and it works even with
Alan wrote:
page at the moment but I am interested in how it looks to you
guys.
It is a starting point and compared to my early attempts quite sucessful.
I have one thing I am struggling on - perhaps some of you know a good
resource that will help me understand this concept. The text
No DTD, page no validate!?!
Got it in one.
No DTD (or invalid DTD) will not validate.
Simpley the validator does not know what to validate it against.
HTML 3.2, HTML 4.01, XHTML 1.0, XHTML 1.1 and is it strict or transitional.
Nick
*
The
Fixed now - Found out I needed to add some padding
Part of the prob was that things weren't lining up and were
dropping down.
Firstly no DTD, this sends IE6, Gecko engined browsers and others into quirks mode.
While IE6 in quirks mode is not difficult to handle (behaves just like IE 5)
Tina wrote:
So far, I just scout around
the Internet and look for other sites in the same industry or
of the same
subject matter.
I build sites for the government and sticking to sites in the same industry or same
subject matter, would makes some very uninteresting sites. I tend to
Neerav wrote:
Still a laudable piece of work but the individual decision to
not have a
working menu for IE 4/5 and design for the future must be made.
But if you stick to the horizontal menu (which works well in IE5) and use the @import
to hide the relevant CSS from version 4 browsers
Mike
No email address in your post and neither of my browsers (IE 5.23 on Mac or Firefox
0.8 on Win2k) render the AFP Webworks page fully (might be our firewall and the java
applet). So having to reply here.
With OsX 10.2.8 and IE 5.23 I do not have any problem accessing
Kay wrote:
Designing for Web Standards
I can't recommend Jeffrey Zeldman's Designing for Web Standards
enough. It's the absolute bees knees :)
ditto, very good book, my copy is making the rounds at work, everybody is very
positive. It has not made it into the hands of the one and only
Lachlan wrote:
This is the most comprehensive site I've found :
http://xforms.dstc.edu.au/index.html
I was at a lecture by Dr Hoylen Sue on Xforms yesterday.
One of the people responsible for that web site.
Xforms looks promising, especially if you look at the online demos with the right
Dragan wrote:
I want to have both columns, left and
right, with the same width but different background color.
You need faux columns, go read http://alistapart.com/articles/fauxcolumns/ by Dan
Cederholm, that was what I used for http://www.docep.wa.gov.au/lr/default.html
You use a
Jim
asked
I am having a problem with this sample rollover at
http://www.barricksinsurance.com/button.html .
It shows up fine with 4 rows across and 4 rows down on IE but
it shows 5 rows across on Firefox.
Has anybody any idea what is going wrong here Please?
I believe is all to do with
Anura asked:
My question is: how do I get the text in each list item to appear
vertically in the middle of item? In other words, I want the
text to appear midway between the top and bottom of the item, rather than at
the top.
Try adding line-height: 29px; to #banner ul li
This will force
Cameron
wrote:
Did we resolve whether Australian legislation has the
potential for similar effects?
Have you forgotten Sydney Olympics web site, it was 4 years ago the Human Rights
Commission awarded A$20,000 compensation in the Maguire vs. SOCOG case.
You can find it all here:
Recent Evolt article
Ten CSS tricks you may not know,
http://www.evolt.org/article/Ten_CSS_tricks_you_may_not_know/17/60369/index.html
You should know most of the tricks.
Tantek's peer review
http://tantek.com/log/2004/09.html#d07t1434
I found far more informative and I learnt more.
Like why
IE renders a 3px margin on adjacent divs in certain circunstances.
This will take that out; in other browsers, if you have different
backgrounds for each div this solution isn't suitable.
That will be the IE Three Pixel Text-Jog
http://www.positioniseverything.net/explorer/threepxtest.html
faux columns - using a background image of a container div to make it look like a
section goes all the way done the page
read about it here:
http://www.alistapart.com/articles/fauxcolumns/
another couple of (mis)uses :
http://www.docep.wa.gov.au/lr/default.html
I went to do a search on public holidays (which I am compiling from
all Government Websites) and being a proud WA girl, thought our site
would be the best.
Visit
http://www.docep.wa.gov.au/lr/LabourRelations/Content/Wages%20and%20Conditions/Public%20Holidays/Public_Holidays.html
for the
One of the main problems with the WA gov sites is that a little over two years
ago a large number of govt departments got amalgamated. Most of my peers have
spent the last couple of years trying to get three, four or more sites into a
single logical structure (and boy it is fun with all the
Kay wrote:
I have a requirements document here that I'm quoting for, that
mentions that the web site should be optimised for IE4 and Netscape 4.
If it is a WA gov site they are quoting four year old state government
guidelines which have not been updated and are unlikely in the near future.
Wong wrote:
Ok, so
a programmer may not be able to come out with works of art,
but hey, I just
want a corporate-looking site. Banner on top, footer bottom,
menu on the
left yadda yadda. Mr programmer, you can do that, right?
No, go read How Do People Evaluate a Web Site's Credibility?
It is only 2px :-)
and it is all to do with how IE handles the box model
Tantek explains better than I can:
http://tantek.com/CSS/Examples/boxmodelhack.html
This email is from the Department of Consumer and Employment Protection and any
information or attachments to it may be confidential. If
Irina wrote:
Does anybody knows how to set the width of a file input field in Firefox?
Style like this produces funny looking input field (see file attached)
Never had any problems with form elements or input fields with Firefox, other
than legend.
Most of what I use, I accquired from Cameron
anyone tell me why the list bullets are not showing in ie6. they
appear to be working in firefox bar ie
Try adding
list-style-image: (url (images/dot.gif);
to #c #list
should fix it, can't give a logical explanation, it is to do with inheritance
and specificity. And FF and IE using
Dan wrote:
What is the 'official' word on the use of form selects as an alternative to
space hungry HTML lists?
I would not even go think about using a form select for a menu, my experience
has shown that most people ignore form selects.
I inherited a web site many years ago that the
Chris wrote:
Has any knowledgeable soul read: Web Standards Design Guide
(Internet Series)
No and I am not racing out to order it either.
I am slowly reading Kevin Ruse's previous book in that series - XML for Web
Designers Using Macromedia Studio MX 2004 and while I learning a bit about
tee wrote:
Thanks but are your sure the menu is working??? It obviously doesn't in my
IE 5/6 (both W2K and XP home); hover disappear and links are not clickable.
Try it without the background png on the li.
I see you are using IE7 from Dean Edwards, but the magic of his javascript may
be
Sorry for a possibly off-topic post. We have a client on our intranet that
needs to look at our site on OS9.2. I couldn't find information on the
Firefox web site about compatibility with this platform. Does anyone know
where I could send this person for more advice?
From memory and a
From a quick look, it appears the class name differs between the two pages
From navigation page
a href=introduction.html class=currenttopicIntroduction/a
From page
a href=introduction.html class=topicIntroduction/a
Nick
This email is from the Department of Consumer and Employment Protection
Wybe wrote:
Actually i'm asking: what is the difference between using
percentages or em's? (when it comes to font-size).
No difference for just font-size.
The advantage comes in using ems for both font-size and layout dimensions.
Your layout can be proportional to your font size. Read
You can use absolute positioning as long as it is inside a relatively
positioned block element.
Add
postion: relative;
to the td holding the div ad
and to the div ad
Add
position: absoloute; bottom: 0; left: 0;
Nick
-Original Message-
From: [EMAIL PROTECTED]
#column2-header h2
{
display: block;
is the culprit, a block will always fill available space and align left.
either
1. replace display: block; with display: inline;
2. Add a width to #column2-header h2 that is smaller than #column2-header and
change margin: 0; to margin: 0 auto;
As you have sizes set for the containers it is easy to centre the text
vertically:
to #column2-header h2 add line-height: 50px;
to #column2-footer h2 add line-height: 30px;
my previous comments where about horiziontally aligning the text (late friday
afternoon brain fade)
Nick
This email is
Ian
I am with Kay on Netscape 6.2 it was based on Mozilla 0.9.4.1 and released in
October 2001. And quickly followed by 6.2.1 6.2.2 and 6.2.3 and then replaced
within a year by Netscape 7 which ran a real Mozilla engine 1.0.1.
http://en.wikipedia.org/wiki/Netscape
NS 6.2 has not been in my
It can be done, but only if the content of the nav div will never be taller
than any other div
first you need div to hold the nav and content divs
lets call that the holder:
div id=holder style=
float: left; /* need to hold floats */
background-color: #e8e8e8; /* gives nav
I wrote:
It can be done, but only if the content of the nav div will never be taller
than any other div
It should read the nav div can not be longer (taller) than the longest
(tallest) of centre or right div.
I will see if I can pump out a working example to my blog in the next day or so.
I wrote:
I will see if I can pump out a working example to my blog in the next day or
so.
Why should I when there is an version at Position is Everything
http://www.positioniseverything.net/articles/sidepages/jello-piefecta-cleanhtml
It does everything you need and my example does need a
an image.
--
Nick Cowie
http://nickcowie.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
**
solvers
--
Nick Cowie
http://nickcowie.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
**
Can anyone see why the br / is causing the content to drop down below the
adjacent floated div in the page
How about the last line in formstyles.css
br{
clear : left;
}
--
Nick Cowie
http://nickcowie.com
**
The discussion list
say 950 to 970 pixels wide.
Which leads me to my next question. Anyone know of a calendar solution using
PHP that creates clean code?
I would look at the one that comes with wordpress:
http://wordpress.org it does nice valid code.
--
Nick Cowie
http://nickcowie.com
Try
#sidebar li a { background: none;} or
#sidebar li a { line-height: 1.5em;}
It is the top of second line overwriting the bottom of the first line
of the link
--
Nick Cowie
http://nickcowie.com
**
The discussion list for http
lets rephrase the last bit of css
#image {
z-index:1;
}
#content {
z-index:2;
}
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting
and make use of container
divs with position: relative;
--
Nick Cowie
http://nickcowie.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list
One way around this is to use button type=submit instead of input type=submitThe button tag offers far more opportunity to style than input, and allows you to include an image inside a button tag.
The buttons look the same in all modern browsers regadless of OS.Did a little experimenting here:
Tim askedDoes button type=submit still submit a form by default, or does it
require _javascript_ to do so?button type=submit = input type=submit but don't take my word for it, do what I did when I found out about the button element, go visit the W3c
I take it you want the left hand column to be a different colour to the main column, and both column to be the same length like this example and this
example 2So when you change font size the column change size too.It goes something like thisdiv id=container style=background-color: left hand
SamuelYou wrote: body { font-size .8em; } p { font-size : 90%; (adjust per design to get the correct sizes etc)}That is asking for trouble, you really need to watch out for the cascade. Get a p inside a p, an li inside an li or a li inside a p and suddenly instead of being 12px text ( 16px -
=1item_id=217
Read the comments sectionsFor alternative methodshttp://www.alistapart.com/articles/pngopacity/ also read the commentsFor more on MS Alpha image filter
http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp-- Nick Cowie
http://nickcowie.com
First off assuming IE7 beta works the same way as IE6, no doctype sends it into quirks mode. Which means it uses the old IE box model.Which means in IE 100% width on #Content_Background is 680px which is broken down to 660px of container width and 20 px of margin. In Firefox 100% width on
My suggestion it has something to do with the two background images involved:html { min-height:100%; margin-bottom:1px; background:url(../_images/bg2.jpg); }body { background:url(../_images/bg.jpg) repeat-x top;
position:relative;(snip) }Safari has a bug which can cause background images to
I would of suggested wrapping a div with float: left around #sidebar_a and #content so when worse came to worse you forced #sidebar_b below the main content.However, that would require a major change in your source code. And seeing your are already using conditional comments to serve a .htc
and greatest of JAWS at
considerable cost to fully access pdfs. Things have changed in 8 years. Now
you can access pdfs with almost any screenreader (that is less than 8 years
old) and a free version of acrobat. For word documents you also need
software to open it and the most common, word costs.
--
Nick
problems with repeating 1px wide images in FF or Safari (can't
remember which one) I always used 2px wide images now.
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
I agree with Lucien unless there are other requirements (ie no php must bet
.NET) go wordpress,
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
font-size google elastic
design http://www.google.com/search?q=elastic+design
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
mobile users to a different URL,
.Apparently the WP-PDA plugin http://imthi.com/wp-pda does this and works
with the major mobile browsers, so time to play with it.
Nick
--
Nick Cowie
http://nickcowie.com
***
List Guidelines
was
redesigning my work site it would be a 800x600 baseline.
You also need to make sure the site is usable in mobile browsers. Surveys
shows over 10% of mobile phone users have browsed web site on their phone.
--
Nick Cowie
http://nickcowie.com
I think that everybody has missed the original point of Marvin's post.
Marvin was looking for help in completing his visual design units in his web
design course, as Marvin is visually impaired and is trying to build
websites for sighted people using a screen reader. And you thought is was
hard
Nick
The odd results you are getting is because you are wrapping the fonts in
double quotes ie garamond.
You do not need to wrap font names in quotes unless the have a space in them
and them you should use single quotes ie 'apple garamond'
Nick
Raena wrote:
No, either doubles or singles are correct.
http://www.w3.org/TR/REC-CSS1#font-family
Double quotes might be correct in the specs and for all browsers that
follow the specs including surprisingly IE6. Except for FF on windows, it
does not want to play by the rules it needs single
a website to
render is the most common browsers. Or build a very simple mobile version of
the site.
Nick
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http
Lars
Thanks for this, it is a handy reference.
Especially with XHTML mobile.
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org
Caitlin
It should be possible, depends on how much time you are willing to invest.
I have always had problems applying AlphaImageloader to background images.
So I don't even try.
I would build the site so it worked in all modern browser.
The using conditional comments apply a special CSS for
Stephen asked:
Could you use solid background gif and then the opacity filter in your IE6
style sheet?
I'm not sure if you can make the child of a translucent parent opaque
though.
Yes and Yes, I was lazy and chose to do it via background colour rather than
image (is was easier to get a colour
, I believe the internet is very liberating for people with disabilities
as the can interact just like everybody, until some lazy or ill-informed
web designer/developer stops them because the do not understand what they
are doing.
--
Nick Cowie
http://nickcowie.com
in the Australian developer
community...
Only in some sectors,there a still a number of inaccessible web sites in the
.au domain, but is has been steadily improving.
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http
Well the first round has been decided a couple of days ago:
http://www.nfb.org/nfb/NewsBot.asp?MODE=VIEWID=221
http://news.yahoo.com/s/nm/20071003/wr_nm/target_blind_dc_4
the DDA does apply to websites
cynicallet more legal battles begin/cynical
.
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Michael
No problems with flash and the menu on my Mac OsX 10.4.9 with FF, Safari or
Opera
Other than issues above, menu typeface is tiny in both FF and Opera,
increasing font size to read them does do damage to the menus with FF, still
usable though.
Flickering is also visible for me with
is grid based.
Thanks
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
?
Should we follow the most common behaviour and set it to 75%, 12px, 81%,
13px or something else?
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http
Developer plugin for FF and
edit the CSS in your browser. Fast and painless.
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Nick Cowie
in this type of thing, it is well worth it.
ps I work in a library and we have a difficult parent org ;-)
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http
I agree with Felix, you have build for your users not for screen resolutions
be it 1280x800, 800x480, 392x320, 240x320 (in the top 20 resolutions
visiting my work website) and the number of pixels per inch is no longer in
the 70 to 100 pixel range, but 70 to 250+ pixel range. So your trusty 280
disabled (needed for form submit
If you want to see the examples of the button element have a look at a
presentation I gave 2.5 years ago, it also show the limitations of the input
element.
http://nickcowie.com/presentation/s5-button.html
Nick Cowie
http://nickcowie.com
I know WCAG2 is being considered in Western Australia. There is a debate to
wait for it to reach W3C Recommendation status and spend our resources
working on other issues now.
***
List Guidelines:
@font-face supported by Firefox 3.1+ (currently beta), Safari 3+, Opera 10+
(currently alpha) and internet explorer 5+
only problem Firefox 3+, Safari 3+, Opera 10+ support raw font formats (OTF,
TTF) only
IE supports EOT format only
Suggested reading (and tutorial)
/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
--
Nick Cowie
http://nickcowie.com
***
List
Virgin Blue's website (ala the Target defense last year in the
US).
--
Nick Cowie
http://nickcowie.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join
2009/1/20 Matthew Pennell matthewpenn...@gmail.com
On Tue, Jan 20, 2009 at 8:03 AM, Nick Cowie cowie.n...@gmail.com wrote:
Apparently I have a different opinion from Mr Kerr on what makes a web
site accessible under the Disabilities Discrimination Act.
Care to expand on that point? Do his
Rob wrote:
Buttons were mainly designed as triggers for javascript behaviour,
I disagree, if you look at the original HTML 4 material, you will see
that the button element promoted as an improved input element.
Why not
form action=foo.html type=postbutton type=submitfoo/button/form
--
Nick
link and will work with javascript disabled.
You can use a button outside of a form and attached javascript to it.
This might not be semantically correct, does everything John wants.
Only problem does not work with javascript disabled.
--
Nick Cowie
http://nickcowie.com
://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
--
Nick Cowie
http://nickcowie.com
OK here are some other interesting stats from another major library
site, IE7 rules and Chrome is 0.5%
Browser Website IE7/IE6
Internet Explorer 86.88% (80/20)
Firefox 9.29%
Safari 2.17%
Chrome0.47%
Opera
Hi
It is the State Library of WA.
Looking further into our stats, over one third of our visitors come
from the 80 public access machines around the building, which accounts
for the heavy bias of IE7 on windows. Making these stats
unrepresentative, sorry I did not expect that many when I start
1 - 100 of 103 matches
Mail list logo