Re: [css-d] What is best practice when using CSS to create forms?

2011-04-20 Thread Philippe Wittenbergh

On Apr 20, 2011, at 12:04 AM, Barney Carroll wrote:

 • Make sure you have highly visible :focus styles for inputs. I (and
 many other users) find it much easier to use the keyboard for
 navigating forms, and an indicator of the focussed element is
 paramount.

Or better: don't attempt to style form controls _at all_. Leave them at the 
browser / OS default. That is what users are most familiar with …

(ducks, and dons radiation  flame retardant clothing)

Philippe
--
Philippe Wittenbergh
http://l-c-n.com/






__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] slideshow positioning problem

2011-04-20 Thread Chetan Crasta
BTW, you need to give div#nav a high z-index to prevent the drop-down
menus from fading out under the images.

div#nav { position:relative; z-index: 1; }

Regards,
Chetan Crasta
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Dead zone beneath linked images

2011-04-20 Thread RePost
I have two floated, linked images in the sidebar, loaded in a div with 
the class execphpwidget. (See the two tan images, labeled About and 
Meet in  sidebar at right, directly above the tabbed menu).


There's a dead zone beneath the images. I can add space above or below 
the images in question, and no dead zone. Set a height for the div or 
clear the div, and I still have a dead zone. (Try to select Tweets or 
Tags in the tabbed menu below and you'll see).


As always, I'd appreciate any suggestions.

Thanks.

http://bit.ly/eYGXbo
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Dead zone beneath linked images

2011-04-20 Thread Chetan Crasta
 There's a dead zone beneath the images. I can add space above or below the
 images in question, and no dead zone.

Not sure what you mean by dead zone. It looks OK in Firefox and
Chrome. If you don't want the two images overflowing .execphpwidget,
try this:
.execphpwidget {overflow:hidden;}

Regards,
Chetan Crasta
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Dead zone beneath linked images

2011-04-20 Thread Claude Needham
On Wed, Apr 20, 2011 at 6:00 PM, RePost repost...@yahoo.com wrote:
 I have two floated, linked images in the sidebar, loaded in a div with the
 class execphpwidget. (See the two tan images, labeled About and Meet
 in  sidebar at right, directly above the tabbed menu).

 There's a dead zone beneath the images. I can add space above or below the
 images in question, and no dead zone. Set a height for the div or clear the
 div, and I still have a dead zone. (Try to select Tweets or Tags in the
 tabbed menu below and you'll see).

I found the dead zone in firefox 4.0
My first guess to fix the issue you are seeing is to try Chetan's
suggestion of using overflow: hidden.

If this fails to fix the problem I would poke it with a stick. In this
case replace the hr class=space with a div that has zero margin
but a height of 1.45em.

There is something about that hr that makes me wonder if it might not
be causing some problems.

Regards,
Claude Needham
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Dead zone beneath linked images

2011-04-20 Thread RePost
Tried both Claude and Chetan's suggestions with no effect. There's 
something about those devil-spawned images that causes a dead zone 
beneath them.


I've moved them now above an identical div with identically placed 
images. They're still causing a dead zone into the top of the lower div. 
The lower div, meanwhile, creates no such effect.


I just don't get it.

http://bit.ly/eYGXbo


On 4/20/11 11:52 PM, Claude Needham wrote:

On Wed, Apr 20, 2011 at 6:00 PM, RePostrepost...@yahoo.com  wrote:

I have two floated, linked images in the sidebar, loaded in a div with the
class execphpwidget. (See the two tan images, labeled About and Meet
in  sidebar at right, directly above the tabbed menu).

There's a dead zone beneath the images. I can add space above or below the
images in question, and no dead zone. Set a height for the div or clear the
div, and I still have a dead zone. (Try to select Tweets or Tags in the
tabbed menu below and you'll see).

I found the dead zone in firefox 4.0
My first guess to fix the issue you are seeing is to try Chetan's
suggestion of using overflow: hidden.

If this fails to fix the problem I would poke it with a stick. In this
case replace thehr class=space  with a div that has zero margin
but a height of 1.45em.

There is something about that hr that makes me wonder if it might not
be causing some problems.

Regards,
Claude Needham
.



__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/