[WSG] small and big : accessibility usage?
Is there any reason at all to ever use small, and big? I know they are visual elements, but I thought I heard somewhere that small represents a tonal adjustment, for screen readers - such as *lowering* the tone of voice. em and strong provide levels of emphasis - but is there an opposite to that? The other end of the spectrum, I mean? MATTHOM matthom.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] Exporting inline CSS
Quick question, I have a client with lots of HTML file that have inline CSS. (Over 300 docs) Good Lord, what was that previous author thinking!?? There's no escaping this problem - you're just gonna have to start from scratch. Don't waste your time with export/import methods. MATTHOM matthom.com/ On 5/31/05, Jacobus van Niekerk [EMAIL PROTECTED] wrote: Hi all, Quick question, I have a client with lots of HTML file that have inline CSS. (Over 300 docs) I am looking for some software, or way, that will export this inline css into a external css file. Or even just move it into a embedded style sheet. Thanks in advance for any help. Kind Regards Jacobus van Niekerk Creative Consultant web: http://www.catics.com/ | http://www.freelancecontractors.com tel: + 27 21 982 7805 ** 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 **
[WSG] CSS selectors: next adjacent element?
I know in CSS, there is a method to select the 'first child' of an element, as well as the 'first adjacent element', within an element. However, is there a way to select the 'next adjacent element' - within the same parent? Example: div class=picture /div h3Headline/h3 pParagraph text/p I want to be able to select *only the h3 elements, which follow a div class=picture element*. Or, to make it even better - I'd like to be able to select *any element* that follows a div class=picture element. Now, I could class every element that follows a div class=picture element, but I'd rather not. Anyone know if support for this exists, in CSS2 or 3? Thanks. MATTHOM ** 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 selectors: next adjacent element?
Do you mean something like
div.picture + h3 {...}
I'm pretty sure I mean that - I am, perhaps, confused on what the plus
(+) sign does.
I was under the impression that your example meant this:
div class=picture
h3.../h3
/div
.. rather than this:
div class=picture
...
/div
h3.../h3
-Matthom
On 5/24/05, Jan Brasna [EMAIL PROTECTED] wrote:
Do you mean something like
div.picture + h3 {...}
?
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.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
**
[WSG] CSS list spacing: margin or line-height?
I've noticed that the CSS 'line-height' property provides extra
spacing between list items, such as in an ordered list, unordered
list, as well as definition lists.
In the past, I've always used the 'margin' property to add spacing
between list items.
IE:
ul li
{
margin-bottom: 5px;
}
However, this works just as well:
ul li
{
line-height: 20px;
}
Both seem to do the trick, in many browsers.
I was wondering if anyone else uses 'line-height' - or do most people
use 'margin'?
Which would you think is more correct, in terms of 'CSS semantics'?
And please don't just point to a CSS 'line-height' or 'margin'
specification. I want to know you think, first...
**
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] Playing a sound file - what is the best way?
I would use Flash to play the audio and provide an alternative link to the sound file as alternative content Yes, I agree. Flash is extremely versatile with handling audio files - and if you have even just a little experience with Flash, you can easily export a SWF file with an MP3 embedded. The issues that come up are: 1) making the reference to the SWF file, in HTML, standards compliant. 2) the actual file size of the music file - which, in turn, makes the exported SWF file just as large. I'm sure there are more issues I'm not aware of. But, all in all, if I were doing the same thing - I'd start with Flash, and work up from there, instead of trying to embed it like you had in the first example. MATTHOM On 5/17/05, sam sherlock [EMAIL PROTECTED] wrote: I would use Flash to play the audio and provide an alternative link to the sound file as alternative content thanks SS Stevio wrote: I have a sound file that my client wants me to put on his web site. It is a radio advert that they currently have running. The format of the file is m4a (mp4). I have used a program that converts it to mp3 or other formats if required. What is the best way to go about including it on a web page, and keeping it standards compliant (to at least HTML 4.01 Transitional)? Including sound files is not something I often do, you'll be glad to know. I will also NOT be setting it to start playing itself, it will be up to the user! Should I keep it in the m4a format or use mp3 or use something else? I got it working with the following code: object width=160 height=16 classid=clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B codebase=http://www.apple.com/qtactivex/qtplugin.cab; param name=src value=media/advert.mp4 param name=autoplay value=false param name=controller value=true embed src=media/advert.mp4 width=160 height=16 autoplay=false controller=false pluginspage=http://www.apple.com/quicktime/download/; /object However, it doesn't work in Firefox. I need something that will work in different browsers and different platforms. Does anyone know the best way to do this? Thanks, Stephen ** 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] Formatting tables
Do you have a link to the table in question so we can see whats not working (and the way you want it to work?) hint : border-collapse : collapse; gets rid of the need for cellpadding and cellspacing in the html Yes, it's better to put all your presentational code in the CSS. I am under the impression that cellspacing is not yet supported in CSS - but cellpadding can be added with the padding property. I usually just use the cellspacing attribute within my table tag - but that's the only one. Everything else, regarding the table, is controlled with CSS. MATTHOM ** 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] Valid blockquote scenarios?
Thanks for all of your help! MATTHOM On 5/7/05, James Ellis [EMAIL PROTECTED] wrote: Hi The WDG HTML 4.0 reference is a good guide to determine these things: http://htmlhelp.com/reference/html40/block/blockquote.html Cheers James ** 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 **
[WSG] Valid blockquote scenarios?
Hello, I'm having some trouble deciding if certain blockquote scenarios are valid, or semantically correct. Example 1: pblockquoteTEXT/blockquote/p OR blockquotepTEXT/p/blockquote OR blockquoteTEXT/blockquote - Is the p even necessary? If so, does it go INSIDE or OUTSIDE the blockquote? Example 2: dl dtTerm/dt ddblockquoteTEXT/blockquote/dd /dl -Where does the p go in this situation? Whether or not the p is inside or outside of the blockquote - is it even valid to have a p element WITHIN a dd element? ** 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] Headings within ul Navigation
Why do you want all those header tags in there- for display purposes? I don't think it's invalid - I just don't see the purpose yet It's probably better to just class the ul or li, such as ul class=heading1, and then style all those headings for the correct appearance. Matthom matthom.com/ On 5/4/05, Jamie Mason [EMAIL PROTECTED] wrote: Hey all, Does anyone know whether it's correct to use headings in your navigation? e.g. ul lih2Item/h2/li lih2Item/h2/li lih2Item/h2/li lih2Item/h2 ul lih3Sub Item/h3/li lih3Sub Item/h3/li lih3Sub Item/h3/li /ul /li lih2Item/h2/li lih2Item/h2/li /ul Is the above right or wrong? I'm doing this at the moment, thinking it's helping give semantic meaning to the page, but is it right? Thanks in advance, Jamie Mason ** 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] Firefox bug?
I experience this vertical line problem quite a bit. It only happens on my Mac - using Firefox. It's something to do with Firefox, because it doesn't seem to happen in any other browser. Also, I don't recommend Firefox for the Mac. For the PC, it's great. The Mac version has issues. MATTHOM matthom.com/ On 4/29/05, designer [EMAIL PROTECTED] wrote: Ladies and gentlemen, I have been trying to produce a gallery thing without using a table, and my test file has four images in a vertical column. It all seems fine, except in FF1.0, where the second and fourth images display several dashed lines across the image. (on the face of it, they are all the same) If I refresh the page the lines disappear, but on scrolling they come back again. No other browser (by which I mean IE6 and 5.5, Opera, Mozilla) displays this problem. The file in question (which includes the CSS as yet) is at: http://www.treyarnon.fsworld.co.uk/wg/galleryv2.html If anyone could take a look and advise I'd be really grateful, as it's driving me nuts. The CSS is simple - the soln isn't. I'm using winXP and a Matrox graphics card (which may or may not be relevant, of course). I have also looked at this on two pc's . . . Thank you, Bob McClelland, Cornwall (U.K.) www.gwelanmor-internet.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 **
