Kay
Nice idea, I had thought of that but forget to implement it, but it
makes no difference anyway. I have made the changes, removing all
whitespace within the containing DIV, and MSIE 5 still insists on
putting some extra space in there!
Any more ideas? I know I can't be the first person to hit
Next time I should hit Google a lot harder, and also remember who my
CSS friends are!
I have just found this handy tip on Andy Budd's site ==
http://www.andybudd.com/archives/2003/12/css_crib_sheet_1_gaps_between_vertical_nav_elements_in_ie5/
Setting the containing LI to display: inline has
Try a definition list.
dl
dtimg //dt
ddaddress 1/dd
ddPhone number/dd
...
/dl
Float the dt to the left and clear:
dt {float:left; clear:left}
That should sort it semantically.
mike 2k:)2
marqueeblink
e-mail: [EMAIL PROTECTED]
site: http://www.webSemantics.co.uk
Hi,
I'm having difficulties with that IE shift bug thing.
The one where the content moves when you hover over a link.
I've tried adding _height:100%; _line-height:100%; _width:100%
To every element in the div to no avail.
Example here: http://www.websemantics.co.uk/workshop/sessions/session2/
Hi,
I'm having difficulties with that IE shift bug thing.
The one where the content moves when you hover over a link.
I've tried adding _height:100%; _line-height:100%; _width:100% To every element in the
div to no avail.
Example here: http://www.websemantics.co.uk/workshop/sessions/session2/
I had that same problem with I IE6. I switched from % to pix in vertical
padding and margins and it took care of the problem.
I'm having difficulties with that IE shift bug thing.
The one where the content moves when you hover over a link.
I've tried adding _height:100%; _line-height:100%;
Thanks Bennie,
That's saved hours of work.
Just changing vertical %'s to em's. It seems to be working.
mike 2k:)2
marqueeblink
e-mail: [EMAIL PROTECTED]
site: http://www.webSemantics.co.uk
/marquee/blink
-Original Message-
From: Bennie Shepherd [mailto:[EMAIL PROTECTED]
I did not attend this conference and I read the article listed below. Maybe I am missing something.
1. Where can I find a good example of how forms should be laid out for accessibility.
2.Comment on div tags. If we are not suppose to use tables for layoutand div tags are supposed to be used with
Hi Nancy,
Any of the positioning rules which you
apply to div tags can also be applied to any other block level element like
headings, paragraphs, lists, and so on even images if you define them
as block elements in your style sheet.
Simply position the block element itself
you
1. Where can I find a good example of how forms should be laid out for
accessibility.
Try these:
http://www.d.umn.edu/itss/support/Training/Online/webdesign/accessibility.ht
ml#forms
http://www.nils.org.au/ais/web/resources/WSG_Oct_04/toc.html
2. Comment on div tags. If we are not suppose to
From: Nancy Johnson
1. Where can I find a good example of how forms should be laid out
for accessibility.
Two decent ones:
http://www.webaim.org/techniques/forms/
http://www.accessify.com/tutorials/better-accessible-forms.asp
2. Comment on div tags. If we are not suppose to use tables for
Sorry Patrick,
Yes I was stating the image is a data object which comprised of many individual
characteristics (data definitions), sorta XML stylie.
I was also suggesting that Phone number was not necessarily attached to the address,
but definitely attached to the image.
dl
dtimg ...
From: Mike Foskett
Sorry Patrick,
Yes I was stating the image is a data object which comprised
of many individual characteristics (data definitions), sorta
XML stylie.
I was also suggesting that Phone number was not necessarily
attached to the address, but definitely attached to the
Firstly, am I using fieldset and legend in the correct semantic manner?
My understanding is that fieldset is meant to group all the similar
form elements together, not to diferentiate each input.A group of
numbered questions are all related to each other, and the entire
thing should be in
Try this:
Accessible usable forms: Guidelines, examples and JavaScript tricks.
http://www.websemantics.co.uk/tutorials/form_guidelines/
mike 2k:)2
marqueeblink
e-mail: [EMAIL PROTECTED]
site: http://www.webSemantics.co.uk
/marquee/blink
-Original Message-
From: Patrick
On the site I'm currently working on, the link image for the farthest
right item (Photo Albums) won't load in IE6, however the block
dimensions for the a tag still show up and don't seem to be reduced at
all.
The logo is a background for the overlay div, and is located beneath the
ul's container.
Firstly, am I using fieldset and legend in the correct semantic manner?
Fieldset and legend elements are useful for explicitly identifying groups
of form controls and assigning a label [legend] that relates to a group of
controls.
The example of their use you provided looks fine.
Fieldsets
One benefit of using fieldset and legend for screen reader users is that
nearly all readers will read the legend before every input label within a
fieldset. This can be very helpful with forms that require the same
information within different sections of the form. For example, if you need
put in
I notice that some people nest the input within the legend whereas I don't:
Example:
label for=nameName:br /
input type=text name=name id=name size=55 //label
or mine:
label for=nameName:/labelbr /
input type=text name=name id=name size=55 /
Does it make any difference? The ID ties them
Thanks to Susan, Steven and Roger for the replies so far.
A couple of questions for clarification:
* If no fieldset is used for the individual questions, how does a
screen reader associate the question with the radio group? The label
will differentiate the options, but what about the questions?
In my opinion your approach is the most appropriate.
Label for should be used for labels. And, the ID associates the input with
that label.
However in relation to legend, a whole bunch of labels and inputs can be
presented within one legend.
Roger
-Original Message-
From: [EMAIL
On Fri, 29 Oct 2004 10:20:54 +1000, Peter Firminger wrote:
Does it make any difference? The ID ties them together anyway so I think
not.
As I understand it, these are the 2 alternate, valid, ways of putting a
label on a field.
Note that if you wrap the label around the input, you don't need
Thanks. That's all I needed. I cleared my CSS. But my XHTML validation
says something weird about the ul tags. Can you say what I need.
Thanks
Indranil
Susan R. Grossman wrote:
Is it possible to have an img tag imediately after a ul tag.
No it's not valid code
If not,
If no fieldset is used for the individual questions, how does a
screen reader associate the question with the radio group? The label
will differentiate the options, but what about the questions?
Essentially it does not as their is no explicit structural association
between the radio buttons
Yes, my use of the word legend should have read label. D'oh!
P
However in relation to legend, a whole bunch of labels and
inputs can be
presented within one legend.
Roger
I notice that some people nest the input within the legend
whereas I don't:
In a page where there is only one form and one semantically linked
set of form controls is a fieldset necessary/desirable?
I think while desirable it is not necessary, unless you have a radio button
or checkbox group.
But why not use the fieldset element to structure the form instead of
putting
On 29 Oct 2004, at 11:03 AM, Indranil Dasgupta wrote:
But my XHTML validation says something weird about the ul tags. Can
you say what I need.
XHTML Validation is showing 5 errors only.
3 of them can be fixed by adding 'alt' attributes to these files:
img
Thanks. That's all I needed. I cleared my CSS. But my XHTML validation says
something weird about the ul tags. Can you say what I need.
There are a couple of validation issues with your site still. You
need to add alt attributes to your image tags, and if you want to put
items like :text:
Hi Damian,
I misunderstood what you meant when you wrote:
In a page where there is only one form and one semantically linked
set of form controls is a fieldset necessary/desirable?
I didn't realize that you will still referring to your example, I thought
you meant a simple form such as a text
29 matches
Mail list logo
