Re: [WSG] Horizontal Scroll

2004-09-07 Thread Thorsten
ji Richard,
Umm actually thinking of a container x pixels long that I can hold
images in so that they can be scrolled horizontally. This is the kind
of effect acheived in Flash with only a little effort but in CSS?
if you use overflow:scroll; you'll get BOTH scrollbars, but in order 
to get the desired horizontal-only scrollbar, overflow:auto; seems to 
be the better choice to me.

At the moment, I'm using the following code:
div style=display: block; width: 692px; height: 110px; overflow:
scroll; overflow-y: hidden ! important; div style=width:
3000px;!-- this width is the total width of all objects in the
conatiner--
a href=javascript:SwapPic('galleryLrg01.jpg')img 
src=images/gallerySml01.jpg width=100 height=100 border=0
alt= //a a href=javascript:SwapPic('galleryLrg02.jpg')img 
src=images/gallerySml02.jpg width=100 height=100 border=0
alt= //a a href=javascript:SwapPic('galleryLrg03.jpg')img 
src=images/gallerySml03.jpg width=100 height=100 border=0
alt= //a a href=javascript:SwapPic('galleryLrg04.jpg')img 
src=images/gallerySml04.jpg width=100 height=100 border=0
alt= //a etc...

/div /div
yick! a second almost usefuless nested div tag! Also, If I want to 
populate this dynamically, then I'm going to have to work out the
total width of all the scrolling objects each time! How can I get rid
of this?
if you want a fixed-width container, say 692x110px (which fits into your 
design/page proportions) and have the image gallery scroll inside it, 
you'll NEED the div holding the pictures with a width of say 3000px all 
in all. otherwise the gallery would expand the whole browser 
window/frame/whatever to the right. if this is the desired effect and 
you WANT the whole browser page to scroll, it should work with only one div.

i'm not the smartest programmer around, but with php for example you
should be able to simply multiply the number of pictures with their
(standardised?) width. if you don't have a standardised width, the math 
should not become exceedingly complicated, only a bit more elaborate:

- add width of picture 1 to width of picture 2 to width of picture n, 
take into account padding between pictures.

again, this is more of a layman's attempt at it, others feel free to 
bash me senseless with better approaches, i always like to learn!

- Thorsten
**
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
**


[WSG] accessible audio-visual content

2004-09-07 Thread Vicki Berry
Hi all,

I have a client who wants some audio-visual content on his site.  He
wants to stream interviews etc like a radio channel - but not live, at
this point.  There will also be some video clips.  (All of these will
be downloadable, and not play automatically.)

The client represents a local govt agency I have made him aware of
accessibility issues and he is keen to comply.  That's a double bonus
for me, as a hearing-impaired person - I might actually get to find
out what is being said!  :-)

So... what's the best way to caption audio content? Is it possible (or
practical) to do it in real time? And if so, what format should be
used for the audio file and how do I set about adding captions?  Or is
a text alternative considered acceptable?

How is video content usually made accessible?  I don't recall ever
seeing video on the web that's been accessible to *me*... though
there's been some nice Breeze presentations sent to me from Macromedia
that work really well.  (The cost of Breeze means it's not an option
here.)  I believe Flash does real-time captioning etc - is the Flash
server required for this?  (That's not an option either.)  And do
sight-impaired people have problems with video content even when it is
captioned?  What other disabilities do I need to consider when it
comes to video content?

Sorry for all the questions.  I guess I know most of the you musts
but now it's a matter of finding out the hows.  :-)

Vicki.  :-)
Perth, Western Australia.
**
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] accessible audio-visual content

2004-09-07 Thread Patrick H. Lauke
Russ linked to it before, but: 
http://joeclark.org/access/captioning/bpoc/ is worth a read.
For video, you may consider using Magpie 
http://www.google.com/search?q=magpie+video+captioning
For audio, a full transcript should be enough (as a separate document).

Patrick
Vicki Berry wrote:
Hi all,
I have a client who wants some audio-visual content on his site.  He
wants to stream interviews etc like a radio channel - but not live, at
this point.  There will also be some video clips.  (All of these will
be downloadable, and not play automatically.)
The client represents a local govt agency I have made him aware of
accessibility issues and he is keen to comply.  That's a double bonus
for me, as a hearing-impaired person - I might actually get to find
out what is being said!  :-)
So... what's the best way to caption audio content? Is it possible (or
practical) to do it in real time? And if so, what format should be
used for the audio file and how do I set about adding captions?  Or is
a text alternative considered acceptable?
How is video content usually made accessible?  I don't recall ever
seeing video on the web that's been accessible to *me*... though
there's been some nice Breeze presentations sent to me from Macromedia
that work really well.  (The cost of Breeze means it's not an option
here.)  I believe Flash does real-time captioning etc - is the Flash
server required for this?  (That's not an option either.)  And do
sight-impaired people have problems with video content even when it is
captioned?  What other disabilities do I need to consider when it
comes to video content?
Sorry for all the questions.  I guess I know most of the you musts
but now it's a matter of finding out the hows.  :-)
Vicki.  :-)
Perth, Western Australia.
**
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·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
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] Horizontal Scroll

2004-09-07 Thread Richard Czeiger
Thanks Thorsten - but I was hoping I wouldn't have to use maths but instead
utilise some kind of 'width:auto;' thing or a noWrap thing or something
inherently set by the technology. If wost comes to worse, I'll just pop in
some client-side JS to do the math - but i still think it's a bit of an icky
option

:o)

r

- Original Message -
From: Thorsten [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Tuesday, September 07, 2004 4:55 PM
Subject: Re: [WSG] Horizontal Scroll


ji Richard,

 Umm actually thinking of a container x pixels long that I can hold
 images in so that they can be scrolled horizontally. This is the kind
 of effect acheived in Flash with only a little effort but in CSS?
if you use overflow:scroll; you'll get BOTH scrollbars, but in order
to get the desired horizontal-only scrollbar, overflow:auto; seems to
be the better choice to me.

 At the moment, I'm using the following code:

 div style=display: block; width: 692px; height: 110px; overflow:
 scroll; overflow-y: hidden ! important; div style=width:
 3000px;!-- this width is the total width of all objects in the
 conatiner--

 a href=javascript:SwapPic('galleryLrg01.jpg')img
 src=images/gallerySml01.jpg width=100 height=100 border=0
 alt= //a a href=javascript:SwapPic('galleryLrg02.jpg')img
 src=images/gallerySml02.jpg width=100 height=100 border=0
 alt= //a a href=javascript:SwapPic('galleryLrg03.jpg')img
 src=images/gallerySml03.jpg width=100 height=100 border=0
 alt= //a a href=javascript:SwapPic('galleryLrg04.jpg')img
 src=images/gallerySml04.jpg width=100 height=100 border=0
 alt= //a etc...

 /div /div


 yick! a second almost usefuless nested div tag! Also, If I want to
 populate this dynamically, then I'm going to have to work out the
 total width of all the scrolling objects each time! How can I get rid
 of this?
if you want a fixed-width container, say 692x110px (which fits into your
design/page proportions) and have the image gallery scroll inside it,
you'll NEED the div holding the pictures with a width of say 3000px all
in all. otherwise the gallery would expand the whole browser
window/frame/whatever to the right. if this is the desired effect and
you WANT the whole browser page to scroll, it should work with only one div.

i'm not the smartest programmer around, but with php for example you
should be able to simply multiply the number of pictures with their
(standardised?) width. if you don't have a standardised width, the math
should not become exceedingly complicated, only a bit more elaborate:

- add width of picture 1 to width of picture 2 to width of picture n,
take into account padding between pictures.

again, this is more of a layman's attempt at it, others feel free to
bash me senseless with better approaches, i always like to learn!

- Thorsten

**
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] accessible audio-visual content

2004-09-07 Thread Jeffery Lowder
This will be the best place to start:
http://www.joeclark.org/access/captioning/bpoc/


Cheers
Jeff Lowder
Accessibility 1st


On 7/9/04 5:00 PM, Vicki Berry [EMAIL PROTECTED] wrote:

 There will also be some video clips

Cheers

Jeff Lowder
Accessibility 1st
Ph: 02 9570 9875
Mobile: 0419 350 760
E-mail: [EMAIL PROTECTED]
Website: http://www.accessibility1st.com.au
Blog: http://www.accessibility1st.com.au/journal/


DISCLAIMER: This e-mail and any files transmitted with it may be privileged
and confidential, and are intended only for the use of the intended
recipient. If you are not the intended recipient or responsible for
delivering this e-mail to the intended recipient, any use, dissemination,
forwarding, printing or copying of this e-mail and any attachments is
strictly prohibited. If you have received this e-mail in error, please REPLY
TO the SENDER to advise the error AND then DELETE the e-mail from your
system. Any views expressed in this e-mail and any files transmitted with it
are those of the individual sender, except where the sender specifically
states them to be the views of our organisation. Our organisation does not
represent or warrant that the attached files are free from computer viruses
or other defects. The user assumes all responsibility for any loss or damage
resulting directly or indirectly from the use of the attached files. In any
event, the liability to our organisation is limited to either the resupply
of the attached files or the cost of having the attached files resupplied


**
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] accessible audio-visual content

2004-09-07 Thread Hugh Todd
Vicki,
If QuickTime is acceptable as a delivery medium, you can either:
1. incorporate closed captioning via a text track or
2. play images (or Flash) of text within the audio/video window. 
(Either in its own space or over the top of a movie [Flash images are 
better for the latter].)

For more info, see the QuickTime Developers page on the Apple site.
http://www.apple.com/quicktime/tools_tips/tutorials/ (in particular the 
Text Tracks tutorial)

-Hugh Todd
The only tool you would need for this would be QuickTime Pro, available 
(as a key to unlock its powers) online from Apple.

So... what's the best way to caption audio content?

How is video content usually made accessible? 
**
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
**


[WSG] Help! Safari wide background image bug?

2004-09-07 Thread Hugh Todd
Has anyone else encountered this bug?
I'm trying to create an elastic layout, using the sliding backgrounds 
approach alluded to by Doug Bowman in the link provided by Russ earlier 
today:

http://www.stopdesign.com/log/2004/09/03/liquid-bleach.html
*But* there seems to be a bug in Safari.
Here's the layout (slightly modified from my earlier posting) I have 
been wrestling with.

http://www.homepage.mac.com/hughtodd/access/
You'll see there is a pale blue background element. It's quite wide, 
and it tiles along the y axis. It's set to start at 20em.

What's happening, though, is that the *background is pushing the div 
wider*. What the...?

Looks fine in Firefox and Safari.
Anyone else seen this/know what to do to fix it? Yeek!
-Hugh Todd
**
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] accessible audio-visual content

2004-09-07 Thread Mike Foskett
Hi all,

The DRC's videos are done using a Flash front-end.
Quite liked the method and currently recommending it.
http://www.drc-gb.org/citizenship/talkvideos/index.asp



mike 2k:)2
 
marqueeblink
http://www.webSemantics.co.uk
/marquee/blink
 


-Original Message-
From: Hugh Todd [mailto:[EMAIL PROTECTED] 
Sent: 07 September 2004 08:29
To: [EMAIL PROTECTED]
Subject: Re: [WSG] accessible audio-visual content


Vicki,

If QuickTime is acceptable as a delivery medium, you can either:

1. incorporate closed captioning via a text track or

2. play images (or Flash) of text within the audio/video window. 
(Either in its own space or over the top of a movie [Flash images are 
better for the latter].)

For more info, see the QuickTime Developers page on the Apple site.

http://www.apple.com/quicktime/tools_tips/tutorials/ (in particular the 
Text Tracks tutorial)

-Hugh Todd

The only tool you would need for this would be QuickTime Pro, available 
(as a key to unlock its powers) online from Apple.

 So... what's the best way to caption audio content?

 How is video content usually made accessible?

**
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
**




**
This email and any files transmitted with it are confidential and
intended solely for the use of the individual or entity to whom they
are addressed. If you have received this email in error please notify
the system manager.
This footnote also confirms that this email message has been swept by
MIMEsweeper for the presence of computer viruses.
www.mimesweeper.com
**


**
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] Help! Safari wide background image bug?

2004-09-07 Thread Hugh Todd
Lea,
i see the same effect in both firefox and safari - a white strip to the
left of the blue background?
in both Firefox and in safari.
Sorry, no, that's not where the problem is. I placed the left edge of 
the blue background arbitrarily, just to display the issue, so you'll 
have to excuse the bodgy look of it. The problem is on the right hand 
side.

I note your css doesnt validate, and it seems to be on the background
line.
That's because I've used an IE PC hack to emulate max-width. It's the 
only thing that shows an error.

I've never seen em units used for offseting a background in css.
Perhaps it isnt valid to do so?
Same problem shows up with absolute measurements (px) as well, so I 
don't think it's a validation issue. I used the em measurement to 
indicate that I'm wanting the left hand margin to stretch with an 
increase in text size. (At present the layout is incomplete in this 
regard.)

Thanks for the response, though.
I'm disappointed with Safari's handling of this -- and very surprised!
-Hugh
**
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] Table within a div tag and IE

2004-09-07 Thread Jonothan Stribling
A useful cludge is to nest the table in a div and give the div a width.

You should really remove all width, cellpadding, cellspacing from the
table into a style.

Cheers
jon


- Original Message -
From: Nancy Johnson [EMAIL PROTECTED]
Date: Tue, 7 Sep 2004 10:43:15 -0400
Subject: [WSG] Table within a div tag and IE
To: [EMAIL PROTECTED]

 
 

Dear WSG, 

  

I'm sure this has been talked about before: 

  

I'm about to make live a master calendar for our organization. I've
set it up so there are data tables within a div tag. The tables are
set at a width of 75% and I did not put anything for a width with the
td tags.

  

The page looks great in IE, if I give the table a width of 75%.  If I
give the table a width of 100%, the right side goes off the page. IE
doesn't seem to page attention to the right margin within the div tag.

  

Within Netscape or Firefox, 75% width seems to mean 75% of the div
tag, so the table appears truncated.  These do better if I give the
table a width of 100%.

  

Changing the right hand margin of the div tag doesn't seem to help. 

  

Unfortunately, this page is not live so I cannot give you a link. 

  

Details below: 

  

  table width=75%  border=0 cellspacing=5 cellpadding=3 

 tr valign=top class=bodytext4a 

  td class=bodytext4aDate/td 

  td class=bodytext4aStart Time/td 

  td class=bodytext4aEnd Time/td 

  td class=bodytext4aDescription/td 

  td class=bodytext4aLocation/td 

  td class=bodytext4aContact/td 

/tr 

  

The remaining rows access data from a SQL Server database. 

'bodytext4a' is for formatting text.  Dreamweaver automatically adds
it to the td

  

I did not use the 'th' tags 

  

The CSS Style Sheet came from an online template that I have modified
over time.

  

The table is located within a div tag entitled middle 

  

  

Here is the CSS: 

  

#middle { 

margin: 10px 160px 20px 165px; 

padding: 20px; 

border: 0px none #80; 

background: #ff; 

} 

  

  

There is also a left id to this as follows: 

  

#left { 

position: absolute; 

top: 185px; 

left: 10px; 

margin: 5px; 

padding: 5px; 

border: thin solid #00; 

width: 150px; 

voice-family: \}\; 

voice-family:inherit; 

background: #CC; 

  

} 

htmlbody #left { 

width: 150px; 

margin: 5px; 

padding: 5px; 

border: thin solid #00; 

  

} 

  

  

Thanks, 

  

Nancy
**
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] Mangazie related to Web Standards / Web Usability

2004-09-07 Thread Susan R. Grossman




Don't know about paper magazines, but http://www.alistapart.com/ is a
magazine from my point of view when you get it in xml, and
http://www.digital-web.com/,  and kinda/sorta
http://www.simplebits.com, and a few others.

here are some great books that are well thumbed on my desk.

Standards

I just finished reading the book "Web Standards Solutions" by Dan
Cederholm (courtesy of the Web Standards Group) and it is excellent.
It's a hands on learn the stuff book and even for experienced users it
has lots to offer.

"Designing with Web Standards" by Jeffery Zeldman is also an excellent
resource and one I keep on hand.


Usability

The old stand by - "Designing Web Usability" by Jakob Nielsen (OK, and
Homepage Usability ), and "Don't Make Me THink" by Steve Krug sit on
my desk. 


Susan

AmirBehzad Eslami wrote:

  
  
  
  Hi List,
  
  Is there any printed magazine(s)
related to "Web Standards" or "Web Usability", which you could
recommend?
  
  Thanks in advance,
  Behzad
  
  





[WSG] Comments + browser tests sought for web page (novel?) scripting

2004-09-07 Thread James Denholm-Price
Dear [EMAIL PROTECTED],

I'm a newbie to the list but a fan of standards-based design and am
hopefully beginning to get the hang work of some accessibility issues.

I'm currently experimenting with some scripting ideas in an existing
site. The old site is at http://www.kingston.ac.uk/maths but I'm
seeking some help with the test version at
http://king-maths.kingston.ac.uk/~test/maths/ CSS for the latter is
partly in the head but mostly here
http://king-maths.kingston.ac.uk/~test/maths/style/style.css

Both pages use (I hope still) valid CSS and XHTML Strict 1.0. The
layout and JavaScript behaviour has been tested only on Windows in IE
5.0, 5.5, 6, Opera 7.23, Firefox 0.9.3 (currently). I'd be grateful
for Mac and Linux tests if anyone can oblige. (I have no interest in
NN4.)

The menus are JS-driven with onmouseover and onfocus behaviour (for
keyboard navigation.) With JS disabled the menus should appear fully
expanded inline (bland styles currently.)

The various news items in the body of the page should be summarised
onload by another JS/DOM-based script which sets up summary and detail
views that can be clicked between (not so good accessibility as the
short, small text version is the default.)

Any comments would be appreciated, particularly about the
script-driven functionality, page accessibilty and its behaviour in
other browsers.

Thanks,

James (who longs to be in Sydney for we04 but it's the start of term here...)

PS: Oddly my version of Opera 7.23 won't tab into the page so no
onfocus testing was possible ... must upgrade!
**
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
**



[WSG] Form layout in CSS - left column background not extending ...

2004-09-07 Thread tfleur
I have a form laid out in css, the left columns contain the headers for the fields, 
and the 
background should be grey, however it does not extend all the way to the bottom of the 
form 
when I have a multiple select which size is greater than the text on the left.
I cannot come up with anything that would solve this issue, anyone any ideas?

I can't provide any links as that would make HP an unhappy customer.
I can provide the HTML and css.

CSS: http://tellhp1.wwwa.com/admin/wa_be/content/style/form.css (I hope it does not 
prompt 
for username)

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN 
http://www.w3.org/TR/html4/strict.dtd; 
html
head
titleHP Support Suite 3.0/title
body

form id=frmRule
fieldset id=rule dir=ltr lang=en
legend accesskey=aAdd Rule/legend

divlabel for=ruleNameName: /labelspaninput name=ruleName 
type=text 
class=required 
id=ruleName 
tabindex=1 
title=Please enter the name for this rule 
value= 
size=20 
maxlength=40/span/div

divlabel for=ruleDescriptionDescription:/labelspaninput 
name=ruleDescription 
type=text 
class=required 
id=ruleDescription 
tabindex=2 
title=Please enter the description for this rule 
value= 
size=20 
maxlength=40/span/div


divlabel for=countryCountry:/labelspan
select name=country 
size=4 
multiple 
id=country 
tabindex=3 
title=Please select one or more countries
option value=58Afghanistan/option
/select
/span/div

/fieldset
fieldset id=button dir=ltr lang=en title=Submit buttons
input name=btnReset 
type=reset 
id=btnReset 
title=Click here to reset this form 
value=Reset 
class=submit
input name=btnSubmit 
type=submit 
id=btnSubmit 
title=Click here to submit this form 
value=Submit 
class=submit
/fieldset
/form

/body
/html


-- 
Taco Fleur
Senior Web Systems Engineer
http://www.webassociates.com

**
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] Problems with IE rendering - what's new?

2004-09-07 Thread Bryan Davis
Since posting earlier on, I have now remedied problem #2 and improved on
problem #1. I now have the layout sorted on the blog page but IE refuses to
render all of the styling to elements within the page - certain borders and
backgrounds don't appear.

Please look at http://www.bryandavis.info/life and see if you can spot
anything. The stylesheets are at:
http://www.bryandavis.info/stylesheets/bd_layout.css ,
http://www.bryandavis.info/stylesheets/bd_styles.css and
http://www.bryandavis.info/stylesheets/bd_menu.css . It all works fine in
Firefox and Opera - just IE getting it wrong.

I'm quite confused at the moment so any help would be gratefully received.

Cheers, Bryan
- Original Message - 
From: Bryan Davis [EMAIL PROTECTED]
To: [EMAIL PROTECTED]
Sent: Tuesday, September 07, 2004 6:15 PM
Subject: [WSG] Problems with IE rendering - what's new?


 Hi Folks

 I wonder if anybody can help me out with a couple of problems I'm having
 getting my new site to work in IE. The two problems are as follows:

 1. I'm having a problem with the IE peekaboo bug on my new blog page.
After
 the right hand sidebar becomes too tall (not sure how tall too tall is
 exactly) the bottom of the left hand sidebar (which should be background
 color showing through from the body) becomes obscured by the background
of
 my container div.

 To see for yourselves visit: http://www.bryandavis.info/life/

 2. I have a calendar page running on the same site. You'll notice that
this
 page doesn't have the previous problem but it doesn't use the right hand
 sidebar.
 The problem here is this: - I'm using Son of Suckerfish dropdowns for
the
 main navigation. All is fine except that the menus pop out behind the
table
 containing the calendar. I've tried every way I can think of to change the
 z-index of the menus but to no avail - the  2nd level menu remains
obscured.

 URL for this is : http://www.bryandavis.info/calendar/

 Everything works fine in Firefox and Opera (as normal) just can't get IE5,
 IE5.5 or IE6 to play ball.

 Any help gratefully received,

 regards,

 Bryan Davis

 www.bryandavis.info


 **
 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
**



[WSG] Standards-based PHP tutorials for beginners...

2004-09-07 Thread Michael Nelson
... a bit much to ask?

Just wondering if anyone knew of any such tutorials. Those on php.net
seem as if they were written by C programmers wanting to learn php. Yet
those on webmonkey are so old that they still use things like: 

echo FONT COLOR='red'Hi there;

Makes it very hard to help HTML newbies (who've learned standards-based
html from the start) learn PHP!

The best I could find was:
http://www.free2code.net/tutorials/programming/php/4/Introduction_to_PHP.php

Any suggestions welcome!
-Michael

**
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] Problems with IE rendering - what's new?

2004-09-07 Thread Andrew Krespanis
 1. I'm having a problem with the IE peekaboo bug on my new blog page. After
 the right hand sidebar becomes too tall (not sure how tall too tall is
 exactly) the bottom of the left hand sidebar (which should be background
 color showing through from the body) becomes obscured by the background of
 my container div.
 
 To see for yourselves visit: http://www.bryandavis.info/life/

I'm unable to see any bug in IE6, but the solution will almost
definately relate to IE's mystical 'hasLayout' property -
(http://msdn.microsoft.com/workshop/browser/mshtml/reference/ifaces/currentstyle2/haslayout.asp)

The peekaboo bug, the 3px creeping text bug, a elements with
display:block; that aren't display:block'ing and a whole host of
others are directly related to this property. Once you set hasLayout
as true, your bug will most probably dissapear.
The ways to set hasLayout= true are as follows:
- position:relative; (or absolute)
- zoom:1.0; (IE proprietry, doesn't validate)
- this.hasLayout = true;  in javascript.
The Holly Hack and many other IE hacks serve the sole purpose of
invoking IE's 'hasLayout'.

HTH,

Andrew Krespanis.

http://leftjustified.net/
**
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] Brisbane meeting tonight

2004-09-07 Thread John Allsopp
Thanks Lea,
Miss the meeting and you miss meeting John Allsopp - you don't want to
miss that opportunity, surely! ;)
but if there is a low turn out, I'll take it personally people :-)
See you tonight,
John
John Allsopp
:: westciv :: http://www.westciv.com/
software, courses, resources for a standards based web
:: style master blog :: http://westciv.typepad.com/dog_or_higher/
 :: WebEssentials Sept 2004 Sydney Australia :: http://www.we04.com
**
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] Form layout in CSS - left column background not extending ...

2004-09-07 Thread Natalie Buxton
Hi

I use a background image in a container div instead to ensure that
columns continue to the end of a set height.

Not sure if this helps.


On Wed, 08 Sep 2004 08:36:19 +1000, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
 I have a form laid out in css, the left columns contain the headers for the fields, 
 and the
 background should be grey, however it does not extend all the way to the bottom of 
 the form
 when I have a multiple select which size is greater than the text on the left.
 I cannot come up with anything that would solve this issue, anyone any ideas?
 
 I can't provide any links as that would make HP an unhappy customer.
 I can provide the HTML and css.
 
 CSS: http://tellhp1.wwwa.com/admin/wa_be/content/style/form.css (I hope it does not 
 prompt
 for username)
 
 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
 http://www.w3.org/TR/html4/strict.dtd;
 html
 head
 titleHP Support Suite 3.0/title
 body
 
 form id=frmRule
fieldset id=rule dir=ltr lang=en
legend accesskey=aAdd Rule/legend
 
divlabel for=ruleNameName: /labelspaninput name=ruleName
type=text
class=required
id=ruleName
tabindex=1
title=Please enter the name for this rule
value=
size=20
maxlength=40/span/div
 
divlabel for=ruleDescriptionDescription:/labelspaninput
 name=ruleDescription
type=text
class=required
id=ruleDescription
tabindex=2
title=Please enter the description for this rule
value=
size=20
maxlength=40/span/div
 
divlabel for=countryCountry:/labelspan
select name=country
size=4
multiple
id=country
tabindex=3
title=Please select one or more countries
option value=58Afghanistan/option
/select
/span/div
 
/fieldset
fieldset id=button dir=ltr lang=en title=Submit buttons
input name=btnReset
type=reset
id=btnReset
title=Click here to reset this form
value=Reset
class=submit
input name=btnSubmit
type=submit
id=btnSubmit
title=Click here to submit this form
value=Submit
class=submit
/fieldset
/form
 
 /body
 /html
 
 --
 Taco Fleur
 Senior Web Systems Engineer
 http://www.webassociates.com
 
 **
 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
 **
 
 



-- 
--
Freelance Website Designer/Developer
www.pixelkitty.net
www.ausblog.net
**
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] Interview markup?

2004-09-07 Thread Andrew Krespanis
Justin French said:
Sure, the W3 spec suggests DLs to be used for conversations and other
non-DL purposes, and we've seen some great examples out there, but the
reality is that (last time I researched), DL's are still announced by
screen readers as a definition list of N items, which would *really*
confuse me in the context of an interview being read to me by a screen
reader.

Then you'll also know that screen readers say the word equals
between a dt and its dd(s) - Somthing that would make a lot of
sense in the examples Russ gave...

What's your favourie colour - 'equals' - Joe: My favourite colour
is not blue.

The deciding point (for me) is totally the context of the interview.
If it was a formal interview that was the only focus of the page,
which would also include an introduction of the interviewee at the top
- the dtQ/dt ddA/dd approach would make the most sense.
If, on the other hand, the interview was in a blog entry or similar, I
would use the dt to announce each speaker.

The mere fact that a (semi) heated debate can arrise around a single
semantic issue is a great indication that everyone involved is doing
their best to contribute to the 'semantic web'.

Andrew.

http://leftjustified.net/
**
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
**