side by side (preferably with a separator other than a space).
Cool link here or there ...
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webst
ySQL is actually server side scripting....
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/
ox, if I click on
the dropdown for maximum salary, it does not let me select (it
appears, then disappears immediately). I have to hold my mouse
down and drag to make a selection. Annoying.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
F
I haven't got
time to analyse all those nested divs and the corresponding CSS.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://web
tent of any and every div, list item and
what have you.
Best to just put it on body...
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://websta
for the image.
FWIW, spare a thought for people on dial-up with 800x600 display
(nothing to see unless they scroll down or wait a minute or more
for the huge image to load). Also consider people with MSIE who
can't read the text and can't enlarge it because you specify the
font size
e XHTML and CSS references) is www.zvon.org
It even shows which elements and attributes are appropriate for
each DTD (and I use strict 99.9% of the time)
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-fr
G'day
element "form" which is not open
You're self-closing the form Remove the / from the end of
the form element and (as long as that's the only typo) all should
be well.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fa
uot; list. So why don't you use a
list element?
I note you don't want to add complexity. Is an unordered list
more complex than the code in the splash page (which is not valid
HTML4.01 Transitional, let alone Strict as suggested by the DTD)?
Regards
--
Bert Doorn, Better Web
background:#0b73c1; }
Try adding a width. If a fixed width nav block, fix the width,
otherwise play with "100%" (but you might need a hack to hide
that from browsers other than Windows IE)
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, us
rth...
http://www.w3.org/TR/REC-html40/struct/objects.html#adef-align-IMG
The align attribute is deprecated and should be avoided if
possible. In addition, align="absmiddle" is a Microsoft
Invention/Extension, which is why it works in MSIE.
Regards
--
Bert Doorn, Better Web Design
http://
tools/plug-ins, at least
provide a fall-back mechanism, so your site doesn't fail
accessibility standards/guidelines.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussio
I don't think semantics come
into it. But I may be wrong.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See ht
be better, as IE users with high security settings still get
alternative content.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup
t for
developers too, but why feed it to every visitor?
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See htt
l element to lang="en" and put
lang="pt" only on the elements (divs or whatever you're using)
with portuguese content.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
*
US English -->
<-- For speakers of British English -->
<-- For speakers of French -->
--
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
***
transitional) HTML, you might try to remove
further presentational attributes and aim for HTML4.01 strict.
I note the site uses some CSS, but it's full of proprietary
attributes too, has a lot of duplication and doesn't seem to do
anything. Ditch it :-)
Regards
--
Bert D
head section, you could
use the same method to replace it to use an imported style sheet.
Biggest question is: how consistent is the site's layout? Will
it work with an overall style sheet or two?
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loa
G'day
When I run HTML tidy on a file (XHTML strict), it always wants to add
"/* in any of my
(valid xhtml1.0 Strict) sites. Avoid the characters that make it
necessary and/or usually use external style sheets (and external
javascript files).
Regards
--
Bert Doorn, Better Web D
n there.
I just don't see that it is necessary here (per
http://www.w3.org/TR/xhtml1/diffs.html#h-4.8) as you're using an
external style sheet and there's no entities that can cause
confusion to x(h)ml in the import method used.
But I may be missing something.
Regards
--
if you have set the font on the body element, try adding the
table to that rule there. The following example assumes your
menu table has an id of "menu":
body, #menu { font: normal 90%/1.4 Helvetica,sans-serif }
Hope this helps
--
Bert Doorn, Better Web Design
http://www.betterwebde
ld put it online somewhere for us to look
at, we may be able to spot the problem and steer you in the right
direction.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
***
ons under the photo, I think
it's perfectly reasonable to use an empty alt attribute. Doesn't
the caption take its place anyway?
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-frie
get too big (in browsers that
support max-width and max-height)
There are still a lot of people with browser windows that are
760px or less in width.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-f
I'd be able to reproduce the symptoms you described
would be with a nested table (old school, not recommended)
The inner table would then inherit the 0.7em from the first table
and further reduce it with its own font size setting. You'd end
up with 0.7em * 0.7em = 0.49em.
Regards
--
Bert
G'day
Jad Madi wrote:
Will ADS break web standards in any mean ? such as Google ads, and Amazon ads?
Not if they use standards compliant markup.
Easiest way to check is to get a page to validate, then insert
the ad and see if it is still valid.
Regards
--
Bert Doorn, Better Web D
... How will assistive technology "render" it? What
about browsers without CSS support?
My guess is that some or all of them will double up on the
numbering and cause a great deal of confusion, especially when
the lists are nested.
Plus I foresee formatting problems (indented tex
inside the dt
(for the number) and give it a width? And put a margin on the dd
equal to that span?
Or what about simple normal every-day headings? We can go up to
6 levels deep with them...
I guess it all depends on the application.
Regards
--
Bert Doorn, Better Web Design
http://www.be
he page is then displayed properly.
See http://www.bluerobot.com/web/css/fouc.asp
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup
"...Before resorting to an alternative page, reconsider the
design of the original page; making it accessible is likely to
improve it for all users."
...Last resort...
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebd
be able to use
the object element for it. Give it a type="audio/midi" and see
what happens.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discu
itors who
have not already installed Flash WILL have to install something
for this to work.
Besides, going back to Angus' original post: "I also chose MIDI
because WAV and/MP3 would take to long to download." How does
this "player" change that?
Regards
--
Bert Do
the images are loaded. Could be a
problem if there's a lot of them, especially on dial-up.
If the image is to be replaced on hover, you'll probably need
javascript (someone correct me if it can be done with CSS)
HTH
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fa
G'day
I wanted to get my paragraphs to indent on a site so I tried the most
intuitive thing:
p:first-line{padding:1em}
How about
p { text-indent: 1em }
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly web
z.
I tested my solution in MSIE6 and Firefox before sending it too.
They both behaved per spec, indenting only the first line of
each paragraph.
If the intention was to indent the whole paragraph, my suggestion
would have been along the lines of p { margin-left: 1em }
Regards
--
Bert Doorn, Be
But I still recommend fixing the 65 validation errors...
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See htt
ive them a
plain-vanilla site. They'll get used to it as more and more
sites go down that path.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for
priate
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hint
y.section2 { background-color: #fff }
etc
with
and
etc
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgrou
#x27;s my opinion anyway.
I do think a page should have only one main heading (H1) but
that's another much debated issue and I'm neither an expert nor
an authority on the subject.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebd
but I think we're far enough off-topic already.
But how about cutting down the size of your emails and making
them plain text? No need to repeatedly quote 40k of text with
all that Micro$oft formatting in it.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fa
.
The browser tries to balance the table cell heights and in so
doing makes the "header" cell taller than you want it. You may
be able to fix this by setting a height (in CSS) on the header.
Better still, as David hinted, don't use a table for layout.
Regards
--
Bert
k at the resources section
of the webstandardsgroup website - there's plenty of resources
there for two column css layouts.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
***
G'day
I'd say your problem is here:
#navwrapper li a:link, a:visited {
See the a:visited? That affects ALL links on the page.
I think you meant to say:
#navwrapper li a:link, #navwrapper li a:visited {
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.co
be it should be a div rather than a p(aragraph). To float
the paragraph (or div), add a width to .lfigure and give it a
float:left or float:right as appropriate.
HTH
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly web
t right to me.
You might also want to add margin-right to .lfigure so text that
wraps around the float has a little "breathing space".
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, us
te fit (horizontally) at 800x600 (on my system).
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsg
G'day
I'd say your problem is here:
#navwrapper li a:link, a:visited {
See the a:visited? That affects ALL links on the page.
I think you meant to say:
#navwrapper li a:link, #navwrapper li a:visited {
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.co
foreground) image and use trickery (absolute positioning, z-index etc)
to make it appear behind other objects.
Hope this answers your question
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
*
real problem I see is accessibility - a number of links with
the same text [read more] going to different URL's. (Checkpoint 13.1)
And there's a couple of errors and warnings in the CSS.
Regards
--
Bert Doorn, Web Developer
Better Web Design
ht
ipt.
e.g. document.getElementById("randomimage").src=imageArray[picknum];
(and just put the file names and paths into the array)
Note: I haven't tested it, but it should work in theory (except in very
old, pre DOM browsers)
Regards
--
Bert Doorn, Web Developer
Better Web Design
http://www.betterwe
fine-print you are trying to hide from potential customers, or is it
important information they came to the site for? Spare a thought for
visitors who use MSIE (which likely will be most of them) and don't have
perfect eyesight (which may be many of them).
Regards
verSame goes for the other links.
Hope this makes sense.
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See htt
pace, why not add padding-bottom:1em (or
whatever you need) to the div?
If it's there for another reason, you could try giving it a height (through CSS)
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-l
Either way, as standards advocates, I believe we *should* avoid these
(and other) presentational elements and attributes in our (x)html,
whether deprecated or not.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loadi
I thought this thread was CLOSED?
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org
do want to
fix it, the auto left margin on the ul and problems with the IE5 box
model may be part of the reason for it (no guarantees).
Note for "YW Webmaster": a 34kB email to say "Can you describe what its
doing wrong in IE 5 and 5.5?" seems a little over the top.
Regar
t as if they were used for presentation. But
maybe I'm mistaken..
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup
attributes to avoid confusion. Elements
have attributes, they don't have tags and are not tags.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The
imple (unordered) list? Since (as I read it) all the
images are the same size (width AND height?) you can float the image
left. Something like:
ul#nav li { height: 100px; } /* add whatever else you need */
ul#nav img { float:left; width:100px; height:100px; }
Regards
--
Bert Doorn, Bette
css) a vertical-align:bottom.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/gui
this some obscure browser option or plug-in?
I do get the jumping horizontal scrollbar, which is a direct effect of the
content expanding with the long text on submenu items.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loadin
cking on a tab
2. The links (in the tabs) are to different urls.
3. There's no (i)frame, object or JavaScript anywhere in the source
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
***
but it's not a crime to use
one occasionally especially if the non table approach "adds unnecessary
weight to the design".
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
***
sign?
The visual design is not always negotiable, so I use the means available
to me to deliver what I am paid to deliver in the most efficient way I
can. To me that means CSS based layouts *most* of the time.
Regards
--
Bert Doorn, Better Web Design
http:/
rogrammers is a very good way of raising the risk of invalid
documents"?Nah!
Anyway, ICSS is not a religion to me and I will use a simple layout
table if it helps me achieve what I need to achieve :-) And yes, it
will validate!
Regards
--
Bert Doorn, Better Web Design
http:/
G'day
What's out there that displays the contents of a URI and validates?
Alternative content here
Give the object a width and height with CSS
#Something { width: 40em; height: 30em; }
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loa
served as text/html. Don't know about IE5.x
If you're serving application/xhtml+xml it's not going to work in IE
because IE doesn't like application/xhtml+xml.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-l
le the layout they want and need in
the browsers that most people use. Horses for courses.
History teaches us that such things, regardless of their present
usefulness, we usually come to regret.
I am sure history has plenty of examples of quite the opposite too :-)
Regards
er." So there are times "when it is
*necessary* to use a table for layout"?
Keep reading...
http://www.w3.org/TR/2005/WD-WCAG20-HTML-TECHS-20050630/#layouttables-avoid
"It is *recommended* that authors not use the |table| element for layout
purposes *unless the des
to prove almost anything,
depending on how you interpret them :-)
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup
hem and yes, I have seen plenty
of astoundingly complex table based layouts. I have also seen awfully
complex css based designs.
Anyway, I've said enough. I'm happy to dwell in the middle ground,
doing what I can with what I know.
Regards
--
Bert D
;header" and just style the h1 element. Unless you use
more than one h1 per page...
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http
table or is part of a navigation
list? If the latter, I'd use a list (ul or ol) rather than a table.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussio
gards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posti
sheet - I have had plenty of cases where I've updated it and
had to resort to Ctrl+F5 to see the update (in various browsers). That
might just be a server setting, but I don't know. Changing the css
filename is not a good idea as you would then need to edit every html
file to point to
I wrote:
Changing the css filename is not a good idea as you would then need to
edit every html file to point to the updated file?
Unless like you (John) mentioned, one uses an include (I missed that bit).
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast
be meaningful enough to make sense when read out of context
-- either on its own or as part of a sequence of links. Link text
should also be terse. For example, in HTML, write "Information about
version 4.3" instead of "click here".
Regards
--
Bert Doorn, Better We
just
for images in a certain section)
Firefox (and perhaps other browsers too) have a default image alignment
of "baseline" which leaves that gap at the bottom.
Incidentally, you might want to have a look at the site with images
disabled. Or load it over a dial-up connection.
Re
ndardsgroup.org/msg17576.html
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
ed to the
right but it is always positioned under the banner.
A couple of things you might try:
1. Float the sidebar left instead of right
2. Don't float the sidebar at all.
3. Give the sidebar a little less than 25% width (e.g. 24%), Some
browsers cannot add up
Regards
--
Bert Doo
r was it too
lenient before? Should we ignore the warnings?
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See
201 - 283 of 283 matches
Mail list logo