RE: [WSG] Not and IE bug?...follow up difference why a difference between IDs and classes?
The main advantage of using an ID is simply that it uniquely identifies the element. So your CSS or DOM scripting can target it alone. -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Devendra Shrikhande Sent: 09 February 2005 22:27 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Not and IE bug?...follow up difference why a difference between IDs and classes? I thought I should pick up on the comment by Peter and ask one of my many newbie questions... What is the advantage of the fact that IDs must be unique on a page? I am aware of the circumstance that if you need to repeat an ID, set is as a class, but have still not figured out the advantage of an ID. Apologies if this question is not appropriate for this list and should be directed more to a CSS-specific list. ¤ devendra ¤ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Peter Asquith Sent: Wednesday, February 09, 2005 3:12 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Not and IE bug?!? Hi Peter Peter Flaschner wrote: Well, the clearing didn't do it. At least not as I understand it. If you're following the lead of the page you mentioned, you will find removing the overflow: hidden; line from the style sheet should solve your problem. By setting the height to zero and then hiding the overflow you're effectively removing the clearer block from the page layout. Setting visibility to hidden, on the other hand, allows the block to take its specified position and size but not be rendered by the browser. I.e. it still takes up the space it would have. I note, too, that your example page contains multiple elements sharing the same ID. IDs must be unique for a given page. Cheers Peter -- Peter Asquith http://www.wasabicube.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 ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] List Indenting
Have you tried text-indent: 0?
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Pringle, Ron
Sent: 04 February 2005 17:42
To: 'wsg@webstandardsgroup.org'
Subject: RE: [WSG] List Indenting
Thanks Ron, It is an unordered list but your fix didn't do
it, just lost
my bullets on the margin. I'll keep digging.
My bad, I didn't understand what you were wanting. Try setting a negative
left margin on the bodylinklist class:
.bodylinklist {
margin-left : -18px;
}
The above lined up reasonably well on FF1.0 on the PC. I don't have a mac to
test on though.
Regards,
Ron
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Default state of radio buttons. (Maybe OT?)
I think it's the good old checked=checked attribute that you add in your default radio button's code. HTH Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris W. Parker Sent: 01 February 2005 19:12 To: wsg@webstandardsgroup.org Subject: [WSG] Default state of radio buttons. (Maybe OT?) Hello, Not sure if this is off topic or not, but let me know if it is. I'm wondering what the suggested default state of a group of radio buttons is? Let me use a current, specific example. In a form I'm writing I have one set of radio buttons. The current options are 'Home', or 'Agency'. The radio button is meant to designate what type of mailing address the customer has provided. Right now I've got neither option being defaulted to. I know that radio buttons should have exactly one option chosen at all times, but in this case it doesn't make sense to add a third option of 'None', or have the group default to one option or the other. How should I handle this? Should I bite the bullet and have the options default to one of the options (both options will probably be chosen an equal amount of times, as has been the case in the past)? Or maybe I should go to a drop down list with three options? 1. '-', 2. 'Home', 3. 'Agency' Your feedback is appreciated. Chris. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Default state of radio buttons. (Maybe OT?)
Oops, sorry I didn't really read your question thoroughly. Surely an e-mail address will be either a personal or a business address. Personally I'd set the default to personal as this seems to me the most likely option. Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris W. Parker Sent: 01 February 2005 19:12 To: wsg@webstandardsgroup.org Subject: [WSG] Default state of radio buttons. (Maybe OT?) Hello, Not sure if this is off topic or not, but let me know if it is. I'm wondering what the suggested default state of a group of radio buttons is? Let me use a current, specific example. In a form I'm writing I have one set of radio buttons. The current options are 'Home', or 'Agency'. The radio button is meant to designate what type of mailing address the customer has provided. Right now I've got neither option being defaulted to. I know that radio buttons should have exactly one option chosen at all times, but in this case it doesn't make sense to add a third option of 'None', or have the group default to one option or the other. How should I handle this? Should I bite the bullet and have the options default to one of the options (both options will probably be chosen an equal amount of times, as has been the case in the past)? Or maybe I should go to a drop down list with three options? 1. '-', 2. 'Home', 3. 'Agency' Your feedback is appreciated. Chris. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] moving elements
Hi, You could solve the problem at a stroke by not using absolute positioning. If you use relative positioning and change the value for 'top:', it will stay after the content as it is resized. Also, you could make things easier by not using a graphic for that menu. Why have you chosen to do this? Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Bruce Sent: 26 January 2005 20:47 To: wsg@webstandardsgroup.org Subject: Re: [WSG] moving elements Paul wrote: If a user increases or decreases the text size on the page, how do I ensure elements maintain their spacing ? ex. http://www.speakupnow.ca/4Life/english/test.php , I want the menu graphic ( 4 red points ) to move downward if the text size is increased. Thanks Good question, I have been working with that myself. Would pixels for spacing work? I am still a tad new here, but considering using fixed sizes for spacing, margins, headings etc... Bruce Prochnau www.bkdesign.ca Ontario ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] double space after period
It certainly has nothing to do with grammar, it's more a presentation convention that has evolved with type. As for a solution, maybe the CSS property 'white-space: pre' would work? Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andreas Boehmer [Addictive Media] Sent: 23 January 2005 10:57 To: wsg@webstandardsgroup.org Subject: RE: [WSG] double space after period -Original Message- From: john [mailto:[EMAIL PROTECTED] Sent: Sunday, 23 January 2005 9:31 PM To: web standards group Subject: [WSG] double space after period Forgive me if this doesn't specifically relate to standards, but perhaps it does. I'm simply wondering about the grammatically-correct double space after a period. I never heard of a double-space being gramatically correct. Then again, perhaps in other countries it is? Which would cause a problem, I guess. I couldn't think of any way to do it in css. The only way would be nbsp;nbsp; , but that's fairly annoying. Interesting problem. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: Are forms tabular data? (was Re: [WSG] Can I use a table in a form?)
Hi David, I didn't mean to sound quite so belligerent, I apologise, and I also take your point: they are all equally valid at the moment. In the future as browsers come more into line with supporting things properly they may not be. No one knows, so maybe this discussion is all academic. I do enjoy a good discussion however. ;) I have too often seen people referring to the fact a browser supports a tag as 'semantics' which is of course totally wrong. I incorrectly read your post as more of the same. I just strongly believe in the difference between semantics and code for code's sake. Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David R Sent: 12 January 2005 22:39 To: wsg@webstandardsgroup.org Subject: Re: Are forms tabular data? (was Re: [WSG] Can I use a table in a form?) Iain Gardiner wrote: They are only semantically correct when used within specific contexts. Too many people confuse semantics (the implicit meaning of markup) with valid html (correct code). They are two completely different sides of the same coin. If it doesn't matter to you, then you're a member of the wrong list. Lets not start a flame war ;) Tables are used to define data, data sets, results, and columnar information. DefLists (dldtdd) are strictly for the listing of defintions, its generally accepted practice to use this element for information displayed in title/content pairs. And fieldsets are used to group related input fields. Consider that Tables are equally qualified to display information in title/content format, this is how databases store information, and from a glance, an Excel spreadsheet is no different from a database's dataview, or a table containing the same data. Real-world(tm) forms, such as Tax Returns, are often layouted in a tabular manner... see for yourself, its tax-season in the states right now (AFAIK). But at the same time, a dl could be used, as virtually all the questions on a tax return are in the Question: Write/Choose your answer format. Don't accuse me of confusing semantics with valid code, I think I know the difference. It seems you're the one confusing me with a beginner in the field. I'm not an idealist, I'm a realist, and in the real world, it doesn't make a difference regarding semantics, accessibility, rendering/apperance or usability in general. All are equally valid! -- -David R ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: Are forms tabular data? (was Re: [WSG] Can I use a table in a form?)
They are only semantically correct when used within specific contexts. Too many people confuse semantics (the implicit meaning of markup) with valid html (correct code). They are two completely different sides of the same coin. If it doesn't matter to you, then you're a member of the wrong list. -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David R Sent: 12 January 2005 21:28 To: wsg@webstandardsgroup.org Subject: Re: Are forms tabular data? (was Re: [WSG] Can I use a table in a form?) Ryan Nichols wrote: To me tabular means...tabular. Take a look at most real-world forms. DMV, tax forms, you name it. Mostly all tabular. The form is broken up into logical groups / cells indicating a relationship of relationship through the structure. Yes I know fieldsets also create a group/relationship of form fields, but point being the motif of forms in a tabular format has been around and used for a long time. Here's a better thought: Does it matter? Fieldsets, DefLists, and Tables are ALL semantically correct, and they don't make a difference to way both graphical and accessible agents render the content. Can we call this resolved now? -- -David R ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Shedding Holiday Pounds
I was puzzled by the different link styling. I use FF 1, and when I hover over the ALA link, the underline that appears causes some odd shifting in the following links. -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Wong Chin Shin Sent: 03 January 2005 04:36 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Shedding Holiday Pounds Tested on Firefox 1.0, Windows XP SP2. 1) Anti-war site heading is really close to the last line of the previous paragraph. Looks more like a signature. 2) Link to A List Apart looks different from others. Intentional? 3) Hover event color change in Edification and Validation is REALLY slight. Can't really tell. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS alignment issues
Hi Tatham, While I agree that more people should use better browsers (I have used Firefox for a long time now), I think forcibly redirecting users away from your content is at best sanctimonious and at worst odious. It is of course your choice but it's important to remember that other people have the freedom of choice too. If you design to Firefox to the point of having a layout totally broken in anything else, I say let people see it broken and draw their own conclusions about whether they should upgrade or not. Just my two penn'orth. :) Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tatham Oddie Sent: 26 December 2004 23:10 To: wsg@webstandardsgroup.org Subject: RE: [WSG] CSS alignment issues Gunlaug, Not sure what you mean by: then your name will end up on the wrong list. Besides that, I'm a reasonably active Firefox evangelist, not just a standards evangelist. I'm tossing up on allowing other standards compliant browsers and it will probably end up heading that way with your suggestion. Obviously I won't redirect audio browsers (have a blind mate who uses the site and helps me test accessability). Would you be happy if I do this: Opera: 'Get Firefox' button in page footers Lynx: 'Get Firefox' button in page footers Mozilla:'Get Firefox' button in page footers Firefox:Nothing Safari: 'Get Firefox' button in page footers Other: Forced redirect via GetFirefox.aspx Tatham www.e-oddie.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 **
RE: [WSG] alt or title...
Title: Message Personally, I tend towards using title for links to give surfers an idea where the link is taking them. I use both on images. I use the web developer extension for Firefox on my own site at the moment for highlighting any links which I have neglected to add a title attribute to and amending it. Iain -- Iain Gardiner http://www.firelightning.com -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Brett WalshSent: 08 December 2004 12:07To: [EMAIL PROTECTED]Subject: [WSG] alt or title... Hey everyone. I keep forgetting and need some clarification on the use of alt and title and which is most appropriate. I am using the strict dtd so as far as I understand Im meant to use alt for links and title for images. Or is it the other way around? Or both? Fairly simple one. Is this correct? Regards, Brett Walsh
RE: [WSG] funky padding
Hi, Well at first glance I'd say the division itself has 5 px applied on all sides as per the #qotd rules. The extra white space is most probably a mix of margin and line-heights on the paragraphs you use within the div. Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of john Sent: 19 November 2004 21:46 To: web standards group Subject: [WSG] funky padding Hi, folks. I'm having a bit of trouble ridding myself of some top and bottom padding inside a box. Can anybody assist, please? http://www.drzeus.net/redesign/cslewis/ The quote of the day box, to be specific. Thanks. -- ~john _ Dr. Zeus Web Development http://www.DrZeus.net content without clutter ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] funky padding
Sorry to disagree, but your CSS rules for the division are as follows:
#qotd {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
padding: 5px; -- Applies 5px on all sides
border-color: #C60;
border-style: dotted;
border-width: thin;
}
And then after this you don't apply any styles to the first paragraph so it
has the default margin values. Try this:
#qotd p {
margin: 0;
}
And see if it makes a difference.
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of john
Sent: 19 November 2004 22:51
To: [EMAIL PROTECTED]
Subject: Re: [WSG] funky padding
Thanks for the response. The 5px padding is only applied to the left
and right (at least, that's what happens when viewing). I have no line
heights applied to that div, so I'm still not sure what's causing it.
I really just need to remove the extra space, but I can't figure out
where it's coming from!
~john
_
Dr. Zeus Web Development
http://www.DrZeus.net
content without clutter
on 11/19/2004 10:16 PM Iain Gardiner said the following:
Hi,
Well at first glance I'd say the division itself has 5 px applied on
all sides as per the #qotd rules. The extra white space is most
probably a mix of margin and line-heights on the paragraphs you use
within the div.
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of john
Sent: 19 November 2004 21:46
To: web standards group
Subject: [WSG] funky padding
Hi, folks.
I'm having a bit of trouble ridding myself of some top and bottom
padding inside a box. Can anybody assist, please?
http://www.drzeus.net/redesign/cslewis/
The quote of the day box, to be specific. Thanks.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] funky padding
In addition to my previous e-mail, I also spotted this rule:
html p {
text-align: left;
line-height: 1.5; -- This is applied to all paragraphs in
your document
}
--
Iain Gardiner
http://www.firelightning.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
**
RE: [WSG] funky padding
Hi John, You make me feel like a pudding head, Iain. ~john lol, not my intention at all, sorry. I sould say now that I love the clean and uncluttered design you have made. Your client should be very pleased. And I am pleased as I have been a fan of CS Lewis ever since having his books read to me by my mum as a child. :) Iain -- Iain Gardiner http://www.firelightning.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 **
RE: [WSG] anchor, classes and IDs
You have the right idea, but the wrong methodology. The selectors you need
to use are:
#idName {
font-family: Verdana;
}
#idName a:link {
color: #FFF;
}
#idName a:visited {
color: #FFF;
}
#idName a:hover {
color: #FFF;
}
#idName a:active {
color: #FFF;
}
But it's much easier to write it out this way:
#idName a:link, #idName a:hover, #idName a:visited, #idName a:active
{
color: #fff;
}
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of helmut
Sent: 19 November 2004 23:15
To: [EMAIL PROTECTED]
Subject: [WSG] anchor, classes and IDs
Hello All,
This might be a dumb question but I don't really know how to search
correctly in google for my answer.
Is it possible that any anchor inside a DIV will inherit all the properties
from the DIV?
For example
/***
CSS
**/
#idName {
font-family: Verdana;
}
a.idName:link {
color: FFF;
}
a.idName:visited {
color: #FFF;
}
a.idName:hover {
color: #FFF;
}
a.idName:active {
color: #FFF;
}
!-- HTML --
I would like to declare all id once and be done with it.
div id=idNamea href=index.html Home/aa href=sub1.html
Sub1/a//div
As it is right now I have to declare the class to each anchor usage:
div id=idNamea href=index.html class=footerHome/aa
href=sub1.html class=footerSub1/a /div
I hope anyone can understand my question and let me know if it is possible.
I believe it is but I just don't know how exactly declare my classes.
Thank you!
...helmut
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Might be off-topic
Black underpants left in wash chewing-gum grey. -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Laakso Sent: 14 November 2004 00:19 To: [EMAIL PROTECTED] Subject: Re: [WSG] Might be off-topic Jad Madi wrote: what happens if you mix every color in a standard palette? what is the result color? Dirty gray. ~dL http://www.dlaakso.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 ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] CSS float/clear rendering in Firefox 1.0
Hi,
I had exactly the saem problem with my site this morning, and it all comes
down to FF's now correct handling of the 'clear' property.
You have this in your CSS:
img.curve {
float: right;
clear: right; -- This rule is pushing the curve down below
the floated right-hand column, as it is supposed to. Firefox never used to
do this.
margin: 0 0 0 1em;
padding: 0px 0px 0px 0px;
}
Another thing I noticed is that you define this class as img.curve, tying it
in to images exclusively, but in your markup you use it on a div which is
not technically good practice.
Hope this helps. :)
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kim Nylander
Sent: 11 November 2004 20:49
To: [EMAIL PROTECTED]
Subject: [WSG] CSS float/clear rendering in Firefox 1.0
Greetings.
Yesterday, I installed the new release of Firefox 1.0. My site
(http://doegenomestolife.org ), which had formerly displayed fine in Mozilla
1.7, IE 5/6, and Firefox 0.8-1.0PR (Windows), suddenly had a problem. The
blue curve in the upper right corner of the page dropped below the
right-hand column (blue navigation/feature bar). The same thing has happened
consistently on Safari under OS X 10.3.
According to this bug report
(https://bugzilla.mozilla.org/show_bug.cgi?id=266402 ), the new version's
CSS rendering is closer to the spec then the old pre-release version. This
duplicate bug report also lists some fixes at the bottom
(https://bugzilla.mozilla.org/show_bug.cgi?id=267536 ) that include using
overflow: hidden; position: absolute; among others.
I know the page structure isn't ideal. We're still learning. This is the
third site we've done in CSS. (Yes, we've run the page through the XHTML and
CSS validators and corrected the things we can.)
I've had any luck figuring this out. Two of us have read bug reports,
portions of the CSS spec, and haven't come up with anything. Any suggestions
would be greatly, incredibly apprciated.
Thanks.
Kim Nylander
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] CSS float/clear rendering in Firefox 1.0
Hi, I'm sorry, I didn't really explain myself clearly. What I meant was in the CSS for this page, the selector 'img.curve' defines that the following rules are only intended to be applied to any images with that class. However, in the markup the class is used in a div tag, not an img one. It would have been more accurate to use 'div.curve' - or, if they wanted to use the class rules for any elements just '.curve' on its own. Hope this explains what I meant a little better. I certainly didn't mean to suggest an element couldn't have a class without a corresponding CSS rule, only that a CSS-defined class should tie-in to its subsequent use in the markup. :) Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jeroen Visser [ vizi ] Sent: 11 November 2004 23:17 To: [EMAIL PROTECTED] Subject: Re: [WSG] CSS float/clear rendering in Firefox 1.0 Iain Gardiner wrote: Another thing I noticed is that you define this class as img.curve, tying it in to images exclusively, but in your markup you use it on a div which is not technically good practice. Hi Iain, Could you explain this? I don't (or thus far didn't) think it's 'technically not good practice' to having a class assigned to an element, while not having a matching CSS rule. I've used this technique to get Javascripts to identify certain hyperlinks, for instance, without the need to apply any special styling to these hyperlinks. In this case it might be a forgotten class set on a div that should've been removed, but it would do no harm whatsoever, as there simply isn't any CSS rule that applies. With curious regards, Jeroen -- vizi fotografie grafisch ontwerp - http://www.vizi.nl/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: Re[2]: [WSG] CSS float/clear rendering in Firefox 1.0
Ah, I've had another look, and I see that all those images also have the
same class applied to them as well.
Right, I think this might help:
div id=curveBlock
img src=/images/tempcurve_r1_c1.gif width=152
height=11 class=curve alt=curve /
etc...
/div
In the CSS:
div#curveBlock {
width: 152px;
float: right;
}
img.curve {
margin: 0;
padding: 0;
float: right;
clear: right;
}
So this separates the div and the contained images so they no longer have
identical sets of rules applied. I don't have the means of testing this so
it's all guess work. Fingers crossed!
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Doc Box
Sent: 11 November 2004 23:21
To: Iain Gardiner
Subject: Re[2]: [WSG] CSS float/clear rendering in Firefox 1.0
Hello Iain,
Thursday, November 11, 2004, 5:23:55 PM, you wrote:
Thank you for the suggestions! I tried removing the clear: right; rule, and
ended up with the images lined up under the level of the news box on the
left through the center column.
I've been through the Firefox forums and haven't found any solutions that
have worked. If Firefox is implementing the spec closely, then I'm assuming
the problem exists in my CSS. But *where*?
IG Another thing I noticed is that you define this class as img.curve,
IG tying it in to images exclusively, but in your markup you use it on
IG a div which is not technically good practice.
Thank you for the heads up! It's really appreciated.
My coworkers and I have learned CSS by using it, so now we're wanting to get
into good coding practices, structuring pages and CSS more intuitively, etc.
Thank you.
Kim Nylander
--
Best regards,
Docmailto:[EMAIL PROTECTED]
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Proper extension and directory for server side includes
Hi, I use a method I picked from a tutorial I read somewhere a while ago. I give them the extension '.htmlf' where the f stands for fragment and I simply keep them in a folder called 'includes'. I don't think there is a proper convention, or at least I've never bothered to find one. :) Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Larry Rappaport Sent: 10 November 2004 19:39 To: [EMAIL PROTECTED] Subject: [WSG] Proper extension and directory for server side includes I have been told that it is improper to use .inc as an extension for server side includes. Ex: menu.inc. What is the proper extension to use for server side includes and into which directory should they be placed? Thank you, -- Larry Mail may be sent to rapp at lmr dot com. Please use plain text only as html is filtered out as spam. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Site critique w/url
Hi Tricia, Which browser do you view it in? I see it moving to the right in Firefox, but that's simply because the content does not extend past the bottom of the browser pane on that page only. When the right hand scrollbar disappears all the content moves to take up the slack space. This doesn't happen in IE because it always retains the scrollbar whether it's needed or not. Relax, your design is not flawed in this respect. :) Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Tricia Fitzgerald Sent: 16 August 2004 23:42 To: [EMAIL PROTECTED] Subject: [WSG] Site critique w/url Sorry ~ my only excuse: It's Monday! The url: http://www.abetterpetdogtraining.com On Aug 16, 2004, at 2:22 PM, Tricia Fitzgerald wrote: Hello ~ I am new to css layout design and just recently completed a site. I used Menu Machine in the interest of saving time. I have an issue with the Products header image moving slightly to the right when it's clicked on. Is it Menu Machine causing this? I have checked everything a dozen times and cannot figure it out. Also, when validated I got 105 errors. The bulk of them had to do with MM. Any suggestions appreciated. Tricia ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Spacing Between Paragraphs
Title: Message
You
need to use this selector:
#contacts .p { etc...
instead of the .p contacts { you currently have since there is no such
element as 'contacts'.
Hope
this helps. :)
-- Iain Gardiner http://www.firelightning.com
-Original Message-From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of
Audano, ChrisSent: 04 August 2004 19:11To:
[EMAIL PROTECTED]Subject: [WSG] Spacing Between
Paragraphs
Im
new to CSS and Im having difficulties trying to make two paragraphs look as
one (without extra line spacing). I have a graphic to the left with a
title Contacts to the right of the graphic. I would like the Contact
Name to go directly under the title Contacts without extra spacing.
Using the .p contacts doesnt seem to do anything no matter how I modify
it.
Can
anyone assist?
div id="contacts"
p
class="contacts_img"img
src="" alt="Question Mark
Graphic" width="45" height="45"/p
span
class="contact_Name"Contacts/span
p class="p"Contact
Name/p
/div
#contacts{
font-size:80%;
text-align:left;
}
.contacts_img{
float:left;
width: 4em;
padding: 0 0 0 3px;
}
.contact_Name {
font-size: 125%;
font-weight: bold;
color: #006699;
}
.p
contacts{
line-height: 14pt;
font-weight:bold;
}
Chris
Audano
City of
Overland
Park
Information
Technology
913-895-6069
[EMAIL PROTECTED]
image001.jpg
RE: [WSG] Spacing Between Paragraphs
Title: Message
You
need to play around with margins. Set the bottom-margin property of your
span class="contact_Name" to 0 and the the same with the top-margin of
the p class="p", so:
.contact_name {
margin-bottom:
0;
}
#contacts .p {
margin-top:
0;
}
I
think that might work, but I must say I agree with other posters on this subject
that you could mark this up in a much more logical way to avoid so many
otherwise redundant classes. I would do it this way:
div class="contacts"
img class="contact_img"
src="" alt="Question Mark
Graphic"
dl
dtContact/dt
ddContact
name/dd
/dl
/div
and
the CSS would be:
.contacts .contact_img {
width: 45px;
height: 45px;
margin:
3px;
float: left;
}
.contacts .contact dl {
margin-left:
52px;
padding: 0;
}
.contacts .contact dl dt {
margin-bottom:
0;
padding: 0;
}
.contacts .contact dl dt {
margin-top:
0;
padding: 0;
}
Obviously it would need a little more tweaking to get it to look how you
want. :)
-- Iain Gardiner http://www.firelightning.com
-Original Message-From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of
Audano, ChrisSent: 04 August 2004 21:06To:
[EMAIL PROTECTED]Subject: RE: [WSG] Spacing Between
Paragraphs
I cant believe I did
that.oops!
Still, how do you push up the second line
to go directly under the title? I read that you shouldnt use a negative
padding numberright?
-Original
Message-From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Iain GardinerSent: Wednesday, August 04, 2004 1:38
PMTo:
[EMAIL PROTECTED]Subject: RE: [WSG] Spacing Between
Paragraphs
You need to use this
selector:
#contacts
.p { etc...
instead of the .p contacts {
you currently have since there is no such element as
'contacts'.
Hope this helps.
:)
--
Iain
Gardiner http://www.firelightning.com
-Original
Message-From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Audano, ChrisSent: 04 August 2004 19:11To:
[EMAIL PROTECTED]Subject: [WSG] Spacing Between
Paragraphs
Im new to CSS and Im having difficulties trying to
make two paragraphs look as one (without extra line spacing). I have a
graphic to the left with a title Contacts to the right of the
graphic. I would like the Contact Name to go directly under the
title Contacts without extra spacing. Using the .p contacts
doesnt seem to do anything no matter how I modify it.
Can anyone assist?
div id="contacts"
p
class="contacts_img"img
src="" alt="Question Mark
Graphic" width="45" height="45"/p
span
class="contact_Name"Contacts/span
p class="p"Contact
Name/p
/div
#contacts{
font-size:80%;
text-align:left;
}
.contacts_img{
float:left;
width: 4em;
padding: 0 0 0 3px;
}
.contact_Name {
font-size: 125%;
font-weight: bold;
color: #006699;
}
.p contacts{
line-height: 14pt;
font-weight:bold;
}
Chris
Audano
City of
Overland Park
Information
Technology
913-895-6069
[EMAIL PROTECTED]
image001.jpg
RE: [WSG] Spacing Between Paragraphs
Oops, just spotted this, yeah that's what I was driving at in my last e-mail
but with a different markup approach. :)
Stay lucky.
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Audano, Chris
Sent: 04 August 2004 21:10
To: [EMAIL PROTECTED]
Subject: RE: [WSG] Spacing Between Paragraphs
Thanks so much. What I needed was the bottom margin.
P.S. Excellent ListServe!
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Mordechai Peller
Sent: Wednesday, August 04, 2004 1:53 PM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Spacing Between Paragraphs
Audano, Chris wrote:
I'm new to CSS and I'm having difficulties trying to make two
paragraphs look as one (without extra line spacing). I have a graphic
to the left with a title Contacts to the right of the graphic. I
would like the Contact Name to go directly under the title
Contacts without extra spacing. Using the .p contacts doesn't seem
to do anything no matter how I modify it.
Can anyone assist?
div id=contacts
p class=contacts_imgimg
src=/Assets/Graphics/SiteWide/QuestionMark_Icon.gif alt=Question
Mark Graphic width=45 height=45/p
span class=contact_NameContacts/span
p class=pContact Name/p
/div
#contacts{
font-size:80%;
text-align:left;
}
.contacts_img{
float:left;
width: 4em;
padding: 0 0 0 3px;
}
.contact_Name {
font-size: 125%;
font-weight: bold;
color: #006699;
}
Try:
div id=contacts
img src=/Assets/Graphics/SiteWide/QuestionMark_Icon.gif alt=Question
Mark Graphic width=45 height=45
h3 class=contact_NameContacts/h3
Contact Name
/div
#contacts{
font-size:80%;
text-align:left;
}
#contacts img{
float:left;
width: 4em;
padding: 0 0 0 3px;
}
#contact h3{
font-size: 125%;
font-weight: bold;
color: #006699;
margin-bottom : 0;
}
I choose h3 because it seemed like a heading and I guessed that 3 was
the right level.
I dropped p class=contacts_img since is wasn't a paragraph and it
wasn't doing anything. When an inline element is floated an anonymous
box is created for it.
p class=p, besides be confusingly named, didn't appear to be a
paragraph either.
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] Spacing Between Paragraphs
Feck, this seems to be my night for errors too 'cos I meant:
.contacts dl { etc...
And not
.contacts .contact dl {
:)
--
Iain Gardiner
http://www.firelightning.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
*
RE: [WSG] Fixed vs flexible layouts
I have not made a study of the accessibility guidelines in depth, but my guess would be that they are referring to elements that can be resized like text rather than positional elements and that confusion arises because of vagueness like that. Just a thought, probably wrong, but hey. :) -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andy Budd Sent: 30 July 2004 10:47 To: [EMAIL PROTECTED] Subject: [WSG] Fixed vs flexible layouts Hi folks, Everybody has an opinion on fixed vs flexible layouts. Some people prefer how fixed width sites look, and there is little doubt that they are easier to build. Others hate the whitespace around fixed width designs, thinking they look ridiculous on large monitors. For a site to get a AA accessibility rating, you are supposed to use relative units (%, em) rather than fixed units (px). However the WAI guidelines do say that, if you use fixed units, you must make sure that your site is usable. Personal preferences aside, what accessibility problems to people see with fixed width layouts and what are the scale of these problems. Could the same arguments hold true for elastic layouts (layouts based on ems) and do flexible layouts (those based on %) have their own accessibility issues? Is it acceptable for the vast majority of fixed width CSS based sites to claim AA compliance if all other priority 1 and 2 checkpoints are met? Andy Budd http://www.message.uk.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 * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] Linking Background Images
Check out this article:
http://www.alistapart.com/articles/imagemap/
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Shane Helm
Sent: 05 July 2004 19:50
To: [EMAIL PROTECTED]
Subject: Re: [WSG] Linking Background Images
This looks good. Is there a way to specify more links with one image?
What I mean is, can you make a background image an image map? Or better yet,
can you have a image referenced in CSS that have have
hot spots for the image to make it an image map? Or is the best
solution to have an image in the html file and specify the map there
(keeping content separated)? My true problem is that I have started
hand coding just about all my code, but I still have to rely on
Dreamweaver to click on my image and then put in hot spots for an image
map. Is there a better way or are image maps considered as being
unaccessible?
Sorry for all the questions. This may be all summed up in one answer.
Thank you,
Shane Helm
{ sonzeDesignStudioT
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] :before Pseudo Element
Do you have any more background than this? The CSS you are applying, for example. Letting us know which browsers you are using would also help. If you are using IE, then that's the problem. Its support for generated content is pitiful if not non-existant. Iain -- Iain Gardiner http://www.firelightning.com -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of ckimedia Sent: 23 June 2004 17:13 To: [EMAIL PROTECTED] Subject: [WSG] :before Pseudo Element Hi, I a bit of a pickle, I attempting to use the :before Pseudo element to insert an en dash before a p class=dialogueblah blah/P, but have ran aground, wisdom welcome. C * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
RE: [WSG] :before Pseudo Element
Hi,
Well your code in the examples you've given is inconsistent. In the first
post you open a p tag but close with /P. If you're using XHTML, it is
case sensitive and does not see these two as connected. Also in the CSS
example, you've put a capital P. This may be the problem. Try changing it
to:
p class=dialogueBlah blah blah/p
p.dialogue:before {
content: - ; /* Note that the browser will not convert an Ascii
code, just write the literal content you want. */
}
This works in Firefox and Opera as far as I can tell.
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of ckimedia
Sent: 23 June 2004 19:43
To: [EMAIL PROTECTED]
Subject: Re: [WSG] :before Pseudo Element
Hi,
Target browsers include Safari, Mozilla, Firefox, the standards posse
and perhaps IE 5 mac. As for the CSS
P.dialogue:before {content: mdash; }
On Wednesday, June 23, 2004, at 11:06 AM, Iain Gardiner wrote:
Do you have any more background than this? The CSS you are applying,
for
example. Letting us know which browsers you are using would also
help. If
you are using IE, then that's the problem. Its support for generated
content is pitiful if not non-existant.
Iain
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of ckimedia
Sent: 23 June 2004 17:13
To: [EMAIL PROTECTED]
Subject: [WSG] :before Pseudo Element
Hi,
I a bit of a pickle, I attempting to use the :before Pseudo element to
insert an en dash before a p class=dialogueblah blah/P,
but have ran aground, wisdom welcome.
C
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] First table-free site - part 2
Hi Mary,
I would suggest wrapping the two paragraphs in a division and floating it
right. So something like:
div id=content
h2BABTAC - br
British Association of Beauty Therapy and Cosmetology/h2
div id=descr
p8pp A5 membership application brochure. /p
pBABTAC is a Gloucester-based umbrella organisation for
beauty and holistic therapists./p
div
Etc...
And the CSS:
#descr {
width: valuepx;
float: right;
}
Haven't tested this myself, but it seems logical. Also, I'm slightly
puzzled by the second brochure image which you've wrapped in a paragraph
tag, but you haven't done so for the first. I would consider removing that
as it is unnecessary.
Hope this helps,
Iain
P.S. I notice it's a Gloucester company, is that where you are? It's where
I am, but I often wish I wasn't. ;)
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Mary Wright
Sent: 20 June 2004 11:41
To: [EMAIL PROTECTED]
Subject: [WSG] First table-free site - part 2
Thanks to the help of other list members, my new website is coming
along nicely, but now I have another question.
See www.zebragraphics.co.uk/newzebra/pages/brochures/babtaca5.html for
a sample page from the portfolio section of the site. I have tried and
failed to come up with a way of putting the caption text to the right
of the BABTAC image, within the content div. For now, I've put the text
beneath the navigation buttons in the sidebar div, but I'm not really
happy with it being there; to the right of the image seems a more
appropriate place.
So, can anyone tell me how/if I can put the text where I want it and,
ideally, continue to have the whole page centred within the browser
window? CSS here: www.zebragraphics.co.uk/styles/main.css
Thanks,
Mary
www.zebragraphics.co.uk
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] First table-free site
Hi Mary,
Welcome to the group! I've had a look at the site and CSS (nice-looking by
the way) and although I am pretty poor at analysing other people's problems,
I think it might come down to theis rule:
#sidebar-a {
float: left;
width: 100px;
\width: 110px; /* Try removing this line */
w\idth: 100px; /* And this one */
margin: 0;
margin-right: 5px;
padding: 5px;
background-color: rgb(235, 235, 235);
}
I assume you want it to be just 100px in width, but in Firefox at least it
is being rendered as 110px. To my mind this would explain the extra 5px at
either side of the logo. Try without the lines I've indicated above and see
if that makes a difference.
Thanks,
Iain
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Mary Wright
Sent: 11 June 2004 16:08
To: [EMAIL PROTECTED]
Subject: [WSG] First table-free site
I'm new to this list and this is my first post. I'm trying to produce
my first table-free website - tables have been my very dear friends in
the past!
I used the CSS from
http://www.inknoise.com/experimental/layoutomatic.php and it's going
quite well except for one thing - there seems to be an extra 5px
padding above and to the left of the image in the banner div - see
www.zebragraphics.co.uk/newzebra/index.html. CSS is at
www.zebragraphics.co.uk/styles/main.css. This is very much a work in
progress so the links don't work yet, but can anyone tell me where I'm
going wrong? Have checked in FF, Safari and IE5 for Mac, and FF and IE5
for windows - all have same result.
I tried validating the page before I posted this message, but was very
confused by the results - there were 32 instances of: end tag for
meta ommited, but OMITTAG NO was specified??? The end tags are
certainly there. I don't know what OMITTAG NO means.
Any help would be much appreciated.
Thanks,
Mary Wright
www.zebragraphics.co.uk
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] meta http-equiv
Hi,
This does work if you use PHP to provide the correct alternative instead of
just changing the MIME-type. Since XHTML 1.1 should NOT be served as
text/html, this is the code I use on my site:
? $isXHTML11 = ;
if (stristr($_SERVER[HTTP_ACCEPT],application/xhtml+xml)) {
$isXHTML11 = 1;
header (Content-Type: application/xhtml+xml;
charset=UTF-8);
echo ('?xml version=1.0?
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd;');
} else {
$isXHTML11 = 0;
header (Content-Type: text/html; charset=UTF-8);
echo ('!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0
Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;');
} ?
Then further down in the head section I have:
? if($isXHTML11 == 0) {
echo (' meta http-equiv=content-type content=text/html;
charset=UTF-8 /');
} ?
What this does is check if the user's browser can accept the
application/xhtml+xml MIME-type. If it does, the page is sent with a full
XML declaration and XHTML 1.1 doctype. If not, an XHTML 1.0 doctype is
inserted and further down the content-type meta tag is inserted. The W3C
say that XHTML may be served as text/html so I think this covers all bases:
namely XML ready browsers and non-XML ready.
Thanks
P.S. I am a PHP noob so please excuse my code if it is inefficient. It
works. :)
--
Iain Gardiner
http://www.firelightning.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Alan Milnes
Sent: 09 June 2004 12:45
To: [EMAIL PROTECTED]
Subject: Re: [WSG] meta http-equiv
The correct content type or MIME type for an XHTML document is
application/xhtml+xml. Although I might add internet explorer
doesn't understand it so you need to determine if the users browser
accepts it.You can do this in PHP by
writing:
: SNIP:
The suggested method doesn't work when you go to validate your pages, see
the discussion at:
http://www.xml.com/pub/a/2003/03/19/dive-into-xml.html
Alan
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
*
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
*
RE: [WSG] Hi All
Title: Message Ciao belo, And that's all your getting because I don't know any Italian. :) That's a nice layout. Clean and uses colours that lead the eye but don't drag it. Only thing I can see that I might change is purely subjective and it has to do with the black border at the very bottom of the main division. I might mimic that at the top. Oh, and replacing the code-heavy _javascript_ rollover effects with a more lightweight option like Pixy's (http://wellstyled.com/css-nopreload-rollovers.html) might be an option you wish to consider. Welcome to the group. :) Iain -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Nicola RubeoSent: 06 June 2004 20:30To: [EMAIL PROTECTED]Subject: [WSG] Hi All This is my first post here... so I want to say hi all and to quickly present myself: I'm Nicola... from Italy. I'm a web designer with a great passion for this job and now devoted to web standards too. I'm redesigning our company's web site, here is a link to check the new layout (if you have time): http://www.computertime-az.it/informazioni_azienda.htm, some links are not working but most of the pages are online already. The old layout is here: www.computertime-az.it. I already know that there is a problem to solve on IE for Mac. Any tip or advice is really appreciated. Thank you in advance Nicola
RE: [WSG] CSS Disaster
Title: Message
Hi
Sean,
Interesting. Especially this
bit:
"For my new History Website redesign, I worked hard on creating a valid XHTML
1.0"
Allow
me to quote this from Simplebits a month ago...
"23. On May 6, 2004 8:08 PM,
Dante
said:
D: Dont use XHTML at
all.
Seriously though even if
I was silly enough to be using xHTML Id go with B.
Its hard for me to say
because Ill never ever need to use XHTML."
I guess a lot can change in a month, but
nothing so drastically or as often as your opinions. Oh and by the way, I
think Jeffrey Zeldman was talking about you in his recent Daily Report where he
mentions a certain someone on the discussion boards of A List Apart. Not
exactly the recognition you seem to consistently crave, but good
job.
Iain
-Original Message-From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of
Sean M. Hall AKA DanteSent: 04 June 2004 02:53To:
[EMAIL PROTECTED]Subject: [WSG] CSS
Disaster"Dad, I'm not saying I wrecked the CSS.but I'm gonna need a new
stylesheet". This is how I feel right now. For my new History Website
redesign, I worked hard on creating a valid XHTML 1.0 Transitional structure
consisting of semantic, organized markup. I validated tha markup and the CSS
(which didn't validate cuz I use -moz-box-sizing). I worked hard, and even
added a DOM-driven behaviour layer. Opera 7.23 (IMHO, the best browser
ever) renders it beautifully, as I expected. Opera 7.23 rewards me for my hard
work, which is why I love it. How does IE repay me? By not loading the
bloody stylesheet at all (it does load the external .js file though). Period.
Nein. At first I though it was this: @import
url('screenstyles.css') screen; I use single quotes so IE5/Mac won't see
the stylesheet. But I switched to double quotes and still no luck. Removed the
screen; part. Nein. not yet. Removed the conditional comments for IE in the
head section: no, no, nein. Almost all of my visitors use IE, and I
have less than two weeks to solve the problem. CSS is an excellent
car, but IE is a broken muddy pothole-filled road. Anyone know any
bugs that prevent IE from loading a stylesheet?
RE: [WSG] EMBED tag
Hi Mario, I believe this article will be of help: http://www.alistapart.com/articles/flashsatay/ Good luck, :) Iain -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of [EMAIL PROTECTED] Sent: 11 May 2004 20:27 To: [EMAIL PROTECTED] Subject: [WSG] EMBED tag Good afternoon all, I'm trying to design and create all my sites in 2004 using the XHTML and CSS compliant standards. Although, I have six-plus years of Web and graphic design experience, the Web standards guidelines and community are quite new to me. I've noticed that the EMBED tag doesn't comply with XHTML, but won't display Flash clips in NN, Mozilla, or Firefox if omitted. This poses a real problem because I use small Flash clips in customer sites as banner ads, and if I remove the EMBED tag then the Flash file won't load, and there's a hole in my page. Any suggestions that will help me resolve this problem would be greatly appreciated. Many thanks, Mario S. Cisneros President, WebNet Design Studios * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help * * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help *
