Usergroup: Member
Joined: Sep 14, 2004
Total Topics: 1
Total Posts: 2
Posted 09/29/04 - 11:18 PM:
#1
I am struggling with several issues related to the formatting of input text boxes and buttons & Accessibility resizing.
1) I would like to have buttons that display as 3D buttons, and not flat square buttons that are modified via CSS Style for outset, inset, ridge, etc.
For instance, the submit button for the search function - I want it to look like it would if someone were to be searching on Google or Yahoo.
I removed the CSS class="button" for my search submit button, but that does not resolve much.
Also, I have noticed in several places within WSNLinks, that some buttons are flat CSS styled buttons and others are 3D graphics. Not sure why some are 3D and others flat (Example the Browse button on this Post Topic page).
I am clearly missing something in my understanding. I would appreciate it if someone could lead me to a solution to dealing with the appearance of these Input buttons.
2) Of GREATER CONCERN to me are the Input Text Boxes, and Accessibility issues.
I am using a styling method to accomplish full resizing for Accessibility purposes - and am trying to fit it into the styling for my installation of WSNLinks.
A) The size of the input text boxes are not resizing to fit the size of the content when using the font resizing option in my browser.
What is the secret to getting the input text boxes to resize to the content? It works fine in other forms that I have tested, and am not sure what it is about the formatting of the input text boxes in WSNLinks that is causing the input text boxes Not to resize.
This resizing issue has nothing to do with my site. As I sit here now typing this posting - If I change the view setting in my browser - the input boxes are not resizing to the contents of my title or description - I.E. the Height of the input boxes are the more obvious problem.
B) Is there any thing special about formatting styles within forms and input boxes than for normal HTML purposes??
I am concerned about the size of the fonts within the text input boxes - which look so very different than that text that is not within the input boxes.
Thanks for the help.
Joanne
P.S. I am not an advanced user of WSNLinks, and am finding my way.
Usergroup: Administrator
Joined: Dec 21, 2001
Location: Northern California
Total Topics: 49
Total Posts: 5539
Posted 10/01/04 - 10:39 AM:
#2
If you have a WYSIWYG editor, you could edit the style through that. If you want it all to look generic, you could just remove the stylesheet entirely and start from there.
The input boxes matter must be something browser-specific. When I change the text size in firefox, it always resizes the input boxes to fit my text.
2B) Look for .input in the stylesheet, that would be it.
1) Buttons are also a sub-type of sorts of .input, so the style for .input affects buttons as well.
Print
Formatting issues with forms and input boxes
