How do you legally distinguish standards-compliant from
non-compliant anyway? IE is clearly the worst of the bunch, but I'm
not aware of a browser that doesn't have any rendering bugs. Would
the requirement be be at least as compliant as opera? And if so,
how do you measure that? Acid2?
Can the more obsessive compulsive members of the group check our new
site for problems please? :)
http://www.trademarkads.com
At least Felix et. al. will be happy that I didn't specify a font size on body.
- Problems I've already found -
1) Contrast problem on the logo text
2) Huge download
Tom said:
pLets make this word bvisually/b called out/p
But that would be a pain to maintain. Consider this:
pMybStyled/bCompanyName is a really good company.../p
...
pWe offer bwebsite optimization/b services.../p
You want the b in the company name to be red because that's how your
company's
Maybe they
are a 'list' of values, and a ul/li would be best.
Yup. It's a list of values.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help:
I've always seen a definition list as a simpler way of representing
any 2-column table with implied column headers of term and
definition or property and value. So according to me (and i AM
perfect after all), both would be correct. A definition list would be
simpler, and a table would give you
Are there any discussions or examples
on strategies for marking up and styling
poetry?
If you're simply looking for line breaks where they belong, use br/
[1]. If you're including poems where whitespace plays a bigger
role[2], use pre.
[1] until xhtml2, with its l element (which i reallly hope
I would appreciate it if
you guys could check it out for any errors or wrong practices
Most/every page has two h1's, and there should only be one per page.
Ideally, you should keep the h1 for the page title, but not for the
site title.
Your cites should probably not be in their own paragraphs
Let's take your example to the next level, what if the person who decided to
remove the Age column thinks there is no need for Position either, she'd
want to keep just the name, would you keep the table?
Then there would only be one coordinate, and I think a 1-dimensional
table -is- a list.
What for you makes a list of name/value pairs tabular data?
Besides the fact that name/value is an example of what would go
inside some ths? Or in this case name and position. I guess the
situation I'm forced to wonder about in regards to your stance on this
is this: You have a 3 column
Do you consider a table the best tool to mark this up? Or at least as good
as anything else?
I think it could either be a table or a definition list.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
To improve the look of it for the client I have added some javascript
which hides the buttons and uses onclick events on the labels so that
the submit button doesn't need to be clicked.
I've done something somewhat similar recently, and found this was
finally an excuse to use the noscript
Best practice would be to avoid noscript where at all possible.
Start by assuming that the user does not have JavaScript enabled, so
that the simple version is part of the content, then use JavaScript to
hide or modify this to show your enhanced version.
I'm curious if you'd (both singular and
The webmaster I'm talking to is responsible for URLs that end like this
*.cfm?doc_id=n ... and thinks it's perfectly acceptable
In that case, the webmaster is making dynamically generated pages.
URLs that end like that are necessary, because they're used to pass
variables to the page. The
but when I view this using a laptop the transparent background is
blue.
You must be using IE6 on the laptop
Is there something I am doing wrong?
Not unless you're a microsoft employee
If not what are my other options to make this work in all browsers and
viewing devices?
You can feed MS
!ELEMENT FIELDSET - - (#PCDATA,LEGEND,(%flow;)*) -- form control group --
Looks like it's required to me and it's the same in both Strict and
Transitional DTDs.
I'm looking at the XHTML 1.0 Strict DTD right now and I see:
!ELEMENT fieldset (#PCDATA | legend | %block; | form | %inline; |
I'd say it's technically correct, as they'd simply be displayed as a
table without changing the semantics... but I'd feel dirty using them
like that. I'd feel like it was a hack. I'd much rather keep doing
things as I do now until CSS's multi-collumns get finished and
supported.
Imagine that
Display:table isn't any dirtier than float:left.
I never said it was a rational feeling. ;)
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list
This is the only time I've ever seen a form inside a fieldset, instead
of the other way around. I can't even find an example of it that way
at w3.org. I know it's valid, but are there any drawbacks to doing it
this way?
**
The discussion list
but Firefox (only in windows, curiously) is the only
browser that refuses to acknowledge its presence there.
Works fine for me on FF1.5/WinXP. Are you using 1.5 of 1.0x?
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8) Gecko/2005
Firefox/1.5
Most common uses of br/ can and should be replaced by CSS, as
they're presentational. Some examples of semantic use of br/ are to
seperate lines of a poem, lines of an address, etc. In these cases
(especially poems), the line break is important to the content itself,
not just how you would like
is it recomended outside p-tags for extra lineshifts?
This is best done by adding margins or padding to the paragraphs.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some
Patrick said:
and once you go from XHTML 1.0 strict to
1.1 (yes, yes, changing mime type and all that) there are a few
more things to look out for ... not being allowed any character
entities apart from the basic amp; lt; gt; quot; and
apo; - so things like copy; for instance will not be
Looks fine for me on FF 1.5/win. Not sure about 1.0.x. Could it be
the beloved gap below images because of default vertical-align being
baseline problem? Probably not since it works in 1.5, but worth a
shot if you havent tried it. Try setting the image's vertical-align
to bottom.
List of XHTML 1.1 entities, served as application/xhtml+xml :
http://www.w3.org/People/mimasa/test/xhtml/entities/entities-11.xhtml
I really hope I'm right, or I'm gonna have to go back to a lot of
sites to fix a lot of ldquo;s and such.
**
The
1) MS donates IE to MoFo, who then discontinue it instantly
2) Opera goes open source
3) Executives of Sony BMG and RIAA do jail time for racketeering
4) All remaining browsers fully support XHTML 2.0
**
The discussion list for
The only problem I see in IE6/Win is very minor. The top
margin/padding that it has in other browsers doesn't show up in
IE6/Win, so the logo butts up against the very top of the page. One
other minor thing (in all browsers I tested) is a very noticable
flashing on the first time I hover one of
With larger text sizes, your sidebar headings become white on white.
I'd suggest vertically expanding that background image, or setting a
similar background color along with the image. That and a few things
like empty paragraph elements and stray /div on some of the pages.
Last (and probably
Last (and probably least), a future-proofing warning: If you ever
decide to serve that site as xhtml instead of text/html, it'll break
because of the content of your style elements.
Nevermind, it might not. I've become so paranoid that I tend to
enclose any non-xml/html in cdata's because I
The best web standards thing I found this year was this mailing list.
You guys are great!
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list
i like tabs as much as anybody else, but when it's _that_ bad, it's
time to move them from the top to the side. wouldn't look nearly as
bad as a vertical nav, and wouldnt have the flyouts covering 50% of
the remaining nav
**
The discussion list
A desperate attempt to simplify:
CSS Driven: No presentational markup, no semantic markup used
improperly for presentational purposes. CSS handles all presentation.
Not CSS Driven: Lots of presentational markup, but CSS for font sizes
and colors.
Having a validating vs non-validating site doesn't make much of a
difference in accessibility, as long as the errors are minor. What
-does- make a huge difference is semantic vs non-semantic. Having a
list marked up as a list but missing a /li (in a DTD that requires
it) it still much much more
so why not use a Javascript solution?
As a horrible understatement, because I'm not very good at javascript ;)
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on
I agree with Jachin. The most semantic way of doing it would be:
dl
dtimg src=icon.gif /Name/dt
ddInfo/dd
dtimg src=icon.gif /Name/dt
ddInfo/dd
/dl
**
The discussion list for http://webstandardsgroup.org/
See
Ok, I was basing my last post on the pdf. Things change a bit if
you're throwing in a list of posts and stuff.
I agree with Jachin. The most semantic way of doing it would be:
dl
dtimg src=icon.gif /Name/dt
ddInfo/dd
dtimg src=icon.gif /Name/dt
ddInfo/dd
/dl
I would be concerned about a bug only showing up in Firefox, I believe
that hiding something from Firefox is not the way to go, but rather,
make it right in Firefox and then worry about the others.
Usually I'd agree. But in this case, that won't work. :(
I guess just apply the rule to td and th too.
table, th, td {padding: 1em;}
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
I'm also not sure how browsers are supposed to handle a non-repeating
animated gif as on-hover background, so I don't know what's correct
behavior here.
I'm not sure what the correct way is either, but regardless, I don't
code to firefox or any other browser first. I code to standards
first.
THCategory/TH - for it to be semantically
correct, should it be wrapped in P tags? It's hardly a paragraph and
contains no other inline elements.
Nope, no P tags.
But if I were to use - e.g. THSelect a bcategory/b./TH - then I
imagine P tags would make sense.
I'd still leave out the p
This isn't the usual type of question asked here, but it's very much a
web standards question, so here goes.
Take the following situation:
An anchor element has a short, non-repeating animated gif as its background.
On hover, that link's background is changed to a different image.
Someone lets
Believe it or not, part of my site works on every browser I've tested
-except- firefox. That's right. It works on IE, Opera, etc, but
Firefox screws it up. Is there any valid way make firefox (well,
gecko in general) ignore a rule, while still serving it to all other
browsers? The only method
The content of a table cell should only be in a paragraph element if
the content of that cell is a paragraph.
Should be a simple enough question but should text within a table cell
ALWAYS be surrounded by P tags, or do we assume the TD to be the block
element surrounding the inline text?
add line-height: 2em; to you #navigation_main li, #navigation_sub li rule
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
Probably because you're using br and not br /.
My guess is, it's waiting for a /br and assuming the content after
the first br should somehow be contained within it.
Replace your brs with br / and see if that fixes it.
Can anyone see why the br / is causing the content to drop down below the
Because that is what you tell it to do. At the bottom of
http://afterlifelink.com.au/css/formstyles.css
Ok, maybe I should have looked at the css ;)
but still, replace those brs with br /s if you're gonna call it
xhtml in the doctype :)
**
The
After a few days, I've almost given up on working around this bug in
IE. I've never seen it before, but hopefully one of you has:
http://www.kennygraham.net/projects/newsite/bug.html
Short version: IE doesnt draw certain background colors/borders. But
draws them if you move another window over,
semi-related: your main site (fastwrite.com) scrolls horizontally
forever in firefox
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting
Lynx is text-only in the really old computer sense of the word. It
can't display italics, only different text colors and background
colors. This isn't a problem though. Displaying blockquotes as
indented italics is just a popular way for graphical browsers to
display them by default. It's not
The CSS validator has a few new bugs mentioned recently on here. It's
throwing errors where it shouldn't be, like on some integers that
don't have .0 after them. Hopefully it'll get fixed soon.
**
The discussion list for
A few suggestions:
1) The site could fit at 800x600, but the fixed margins make it too large.
2) Consider using text with background images for the menu and footer,
instead of images of text. This would reduce file size and make the
site useable by people who can't or won't view images. If that
Try sticking something (a comment or whatever) inside your div
id=postpreview/div
There used to be a bug where Gecko wouldn't attempt to render empty
divs. If it hasn't been fixed, it might be the problem.
**
The discussion list for
I'd do:fieldset legendTime/legend label for=""> Hour select id=hour option01/option option02/option
option03/option ... /select /label label for="">
Minute
select id=hour
option01/option
option02/option
option03/option ...
/select
/label .../fieldsetNot sure if it's some kind of officially
I don't know how many times I have
to tell the other programmers. If you
are going to use 25 br tags in a
paragraph, you've got to close them!
How are we ever going to pass
XHTML standards?
+5 mod points, funny karma. wait. wrong place.
Ted had mentioned the example of
navigation that is fully expressed as a list today may instead
contain a list and other elements tomorrow (or conversely, on some
pages it is only a list, on others it is a list plus headings, but on
all pages it is the same navigation, etc.).
But at what
There's only one way I can think of making it work in IE:
Use PHP to copy the external page to a local files(s), and use
object to load it. IE doesn't seem to have a problem with
local html files. Not sure about scripting support for it
tho. This is the only situation when I don't use XHTML.
Good
This is called the web standards group. I imagine that those here
essentially adhere to the value of web standards, and discuss things
in this context.
And we are.Where in the standard does it say we are not *allowed* to
use even one table for layout?
Tables should not be used to position
Good topic. I'm going to re-think the whole approach on this project.
My work here is done. Now I can go get some Krystals (eg.
Whitecastles + Mustard - Holes in meat) and say to myself I might not
know what I'm eating, but at least my pet peeve is silenced for the
moment.
I wouldn't lose any sleep over which is
the most semantic way, as it can get fairly academic...
But that's why I love this list. Even the smallest things get academic
very quickly here. To get to the semantic root of it, ask yourself
Does each subitem function as a definition of its parent?
If
Exactly. I was actually thinking the other day, browsers
should be more like compilers... they should refuse to
parse incorrect
code. Then the enforcement would be
on the output end, too.
It would be nice, but would only work if -every- browser did it.
Otherwise the general opinion would be
by-the-by: I am a web development student at Yeronga TAFE
college in Brisbane, Australia. One of my instructors has
never heard of DOCTYPE, refuses to put tags in lowercase
and also refuses to close p, 'cause they don't need to be
closed.
That instructor has no business teaching web dev, as
http://cs130.cs.cornell.edu/
HAS a table layout. For no reason.
No reason? It makes it much easier to meet the absolutely necessary
design requirement of... arbitrarily splitting the background color in
half?
Does anyone agree that we are abusing the use of CSS (square
pegs in round holes?) with the way we force it to do things that it perhaps
was not really designed for?
Maybe to an extent, but not nearly as much as using tables for layout
is abusing tables. They were never meant to be used as
In most of the previous table layout vs css layout arguments I've seen
on here, people refer to divs vs tables. Now, I never learned table
based layouts, and don't understand them (spacer gifs, etc).
Because of this, I don't/can't think along the lines of I'm replacing
tables with divs. But many
what are you hoping to learn about?
I don't have a clue. But in my experience, every time I've asked
a debate-causing question on here, it's gone off on 50 tangents and
I've learned a lot. *evil grin*
PS: How did you manage to avoid table layouts Lucky boy!
I'm only 21, and didn't start doing commercial sites until
recently. Before there was wide browser support for CSS, I was
just doing web design as a hobby, and didn't really care if a single
browser in the world displayed it correctly.
The most obvious one I can think
of is the need for two background images.
Sometimes this is the case, but often times it can be avoided with a
little creativity, such as using a background image on the ul,
and classing the first and last li to give them more height and
different background
Objects of type text/html (or application/xhtml+xml) are what I
use. But good luck getting them to work in IE. In my
experience, IE will only do it if it's a local (x)html file.
As far as I know, background images are still the only way.
It's probably possible with _javascript_, but even if it is, I wouldn't
want to put presentation in the behavioral layer. CSS should really
really get some vertical formatting, and soon.Is the best way still to use background image, or
Should I be trying to accommodate A5 printouts, or smaller
printouts than the norm, and if so in what way?
Ideally, yes, and by not using fixed widths. Otherwise, no, because it'd be way too much work. :-P
http://www.kennygraham.net/projects/wsg/stevio/index.html
http://www.kennygraham.net/projects/wsg/stevio/style.css
At the moment this is displayed using a table. What would be the best way to
display this without using tables, i.e. with a couple of divs for each image
and text pair?
Seems the list filtered out my last response (probably thought it was spam) so this time I'll include text along with the links.
Is this what you want?:
http://www.kennygraham.net/projects/wsg/stevio/index.html
and the css:
http://www.kennygraham.net/projects/wsg/stevio/style.css
In that case:
http://www.kennygraham.net/projects/wsg/stevio/index2.html
style:
http://www.kennygraham.net/projects/wsg/stevio/style2.css
I just tested out Bert's solution, and it works. Set vertical
align of the images to bottom. Very nice to know, thanks Bert. :)
easiest (and as far as i know, the only non-proprietay way) of doing it
is to use a non-repeating background image on the li instead of
a bullet, and control the spacing from it with padding.
you can have negative margins, but not negative padding. http://www.w3.org/TR/REC-CSS2/box.html#padding-properties
Use padding
example:
ul li {padding-left: 5px;}
that should helpcan use negative amounts
1) remove the bullet with list-style: none
2) create an image of a bullet
3) set that image as the background image (non-repeating) of the li
4) adjust left padding of the li to set distance from the fake bullet
Make sure the page validates. IE should render that fine unless it's in
quirks mode. If it validates and still doesnt work, post a link and
I'll have a look.
Therefore I'm very curious as to what the general concensus is
from my fellow standards advocates when designing sites using liguid
layouts?
Truely liquid layouts will look fine at any resolution. Your
examples are not liquid layouts. Your first and last examples use
fixed widths, and the middle
The only problem I see in IE (IE6/Win) is that the sidebar's unordered
list isn't lined up correctly. That's because IE uses margins to
indent lists by default, and gecko uses padding. And you
specified margin: 0 for the list, which removed the indent in IE.
I recommend setting the padding to 0 in
Try keeping them inline, and setting line-height to 40px. As long
as word-wrap doesn't become a factor, that should work fine. But
since you're using pixels, I'm guessing word-wrap would already cause
problems anyway.
I got it working in firefox and almost in IE/Win (height is way bigger
than it's supposed to be in IE) by changing the li a in Nick's
example to:
li a {
background: #eee;
display: inline-block ;
/*height: 50px;*/
line-height: 50px;
font-size: 14px;
padding: 17px 20px;
}
Now, keep in mind
yup, the only way to have something floated and still have it be fluid
is to specify a % width. but then the other column can't be fixed
width. so. can't be done. (i'll gladly welcome being
corrected)
why do you have to keep the float on there?
Works fine for me in IE6/WinXP/SP2. Normally, I'd recommend you
uninstall and reinstall your browser... but wait... it's IE, and I
doubt you want to reformat. *evil grin*
If you're using the iFrame to pull an external site into a box in your
own site, I've been using object for that. But I'm not
sure on the cross-browser status on that.
If the books are mentioned in a sentence, such as In the
dead sea scrolls, someone said foo, then I agree completely with using
cite.
pIn citethe dead sea scrolls/cite someone said
qfoo/q/p or whatever. One problem with
many examples (including mine) of cite is that they always are paired
with a
Tape a 30 secondconversation between a husband and a wife, and there are no headers or
pages.It's a different ball game.Almost all forms of communication begin as structured content in the form of thoughts. You mentally structure what you want to say into sentences, you want parts of those
Wow! I admit that my presentation vs structure thread was an attempt to get the pros out of the woodwork, as mentioned in a thread earlier this week, but a spin-off thread? I should start debates more often! ;-)
If breaking the formula up into little chunks makescomprehension harder for the vast majority of people then we should not
do it and I do not agree with your assertion that breaking a complexformula will make it more understandable - it may in fact undermine thelearning.Breaking content up into
Am I alone in feeling that hr should be depreciated in favor of CSS
borders? Especially with section in the XHTML 2.0 drafts, what
semantic or even structural value does hr have? Every argument for
its retention that I've heard so far has been presentation related.
It may be because your img elements in the gallery section aren't
closed, and you're using strict XHTML. Try changing the imgs to
img /s and see if that fixes anything.
On 7/6/05, Bruce Gilbert [EMAIL PROTECTED] wrote:
I am *trying* to get my thumbnail images to align center to their
Has anyone made a stylesheet that resets everything back to the way it
would be if styling pure XML? If I have to, I'll go thru html.css and
undo everything that it does, but if someone here has already done it,
it'll save me a lot of time. I'm going to be teaching some web
developers CSS soon
Well, this has been educational if nothing else. I figured out how to
do it on every non-IE browser (insert sarcastic comment). At first I
tried resetting 11 properties on *, but then realized that it was
killing the entire concept of inheritance. If I set li to bold, links
inside the li
I'm not sure on the specifics of the hack you're using, but it should
validate if you put a space after the *.
On 7/5/05, Bruce Gilbert [EMAIL PROTECTED] wrote:
Hello,
I have a couple of lines in my CSS targeting mac IE with:
*htmlbody #wrapper_inner{ width:750px; background-color:#036;
93 matches
Mail list logo