RE: [WSG] Opera not playing nice with checkbox
Hi Tee,
Radio buttons and checkboxes are used in different situations - a radio
button is when only one option in the list is able to be chosen such as
in your Poll, and checkboxes are for when more than one option can be
chosen, check all that apply type questions. Some survey programmes
make radio buttons look like checkboxes, I guess to make them prettier
as you suggest, but I tend to err towards convention to avoid confusion
for the person filling it in.
In your case it may be easiest to just return the
checkboxes/radiobuttons for your poll to their default rendering (which
looks nice in Opera anyway, but not so hot in IE!) by styling the text
inputs specifically, rather than all inputs. Non-text inputs do get
tricky to style cross browser without using javascript, etc.
Rach
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of tee
Sent: 11 September 2008 01:39
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Opera not playing nice with checkbox
On Sep 10, 2008, at 4:26 PM, [EMAIL PROTECTED] wrote:
I'm not familiar with the issue. Could you send a reduced test case
(will be quicker for us to find the issue), or failing that ,a link
to the page where it happens.
James and David,
Thanks for your attention.
Here is the page:
http://teesworks.com/index.php/
On the right column, community poll, the checkboxes are not selectable
(it's radio button there but I changed it to checkbox so that you can
take a quick look without adding product to cart). In other pages
where I have the a:focus declared with background color in input, I
could see the background color when a checkbox is selectable.
Only tested in Mac Opera 9.50, Build 4870 on system 10.5.4
On Sep 10, 2008, at 4:09 PM, James Ellis wrote:
Tee:
I haven't seen your code but is it possible this is occurring
because both checkboxes and radios are, in fact, input elements ?
e.g
input {
border : #000;
background-color : #f00;
}
yes, I have input element declared for borders and background color
because input text field is used in every page, so it's easier to
declare them directly to the element instead of adding a new class.
I thought we can have
checkbox, radio {border:none}
But they don't work for IE an Opera ?!
This reminds me to ask another question, does it matter whether one
chooses to use Radio button or Checkbox. I like checkbox better
because radio button is uglier in IE :)
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Img List Style not displaying for Print Preview
Works for me in Safari 3 on my Mac - as long as I have backgrounds turned on in my print dialog box. Andrew Macaulay-Brook, BEng MBCS CITP, trading as theburo.net mailto:[EMAIL PROTECTED] • http://www.theburo.net/ On 11 Sep 2008, at 18:28, Kristine Cummins wrote: I created a print style sheet and for some reason, my image for the ul list style is not displaying. Got to have the checkbox image to show up so that once page is printed, the user can check off the boxes. Any help appreciated. I placed my list style at the top of the stylesheet so it’s easy to find. Page: http://www.nvopenstudios.com/artist_info/studio_essentials.shtml Print CSS: http://www.nvopenstudios.com/artist_info/printstyles.css Thanks! Kristine *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Img List Style not displaying for Print Preview
Hi Kristine, I created a print style sheet and for some reason, my image for the ul list style is not displaying To the best of my knowledge background images don't get printed, even if you add it to the style sheet. To ensure they're printed I'm pretty sure you have to embed them. Hope this helps. Respectfully, Mike Cherim http://green-beast.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Img List Style: CASE CLOSED
Will embed as opposed to background image. Thanks guys for the help! Kristine From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kristine Cummins Sent: Thursday, September 11, 2008 10:29 AM To: wsg@webstandardsgroup.org Subject: [WSG] Img List Style not displaying for Print Preview I created a print style sheet and for some reason, my image for the ul list style is not displaying. Got to have the checkbox image to show up so that once page is printed, the user can check off the boxes. Any help appreciated. I placed my list style at the top of the stylesheet so it's easy to find. Page: http://www.nvopenstudios.com/artist_info/studio_essentials.shtml Print CSS: http://www.nvopenstudios.com/artist_info/printstyles.css Thanks! Kristine *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Img List Style not displaying for Print Preview
You'll have to put the image in your stylesheet as a list-style-image
instead of a background image. This is what you'll need to do (adjust the
padding as necessary):
li.checkbox {
list-style-type:none;
list-style-image: url(images/checkbox.gif);
padding-left:15px;
padding-right:0;
padding-top:20px;
padding-bottom:0;
clear:left;
}
On Thu, Sep 11, 2008 at 1:28 PM, Kristine Cummins
[EMAIL PROTECTED] wrote:
I created a print style sheet and for some reason, my image for the ul
list style is not displaying. Got to have the checkbox image to show up so
that once page is printed, the user can check off the boxes. Any help
appreciated. I placed my list style at the top of the stylesheet so it's
easy to find.
Page: http://www.nvopenstudios.com/artist_info/studio_essentials.shtml
Print CSS: http://www.nvopenstudios.com/artist_info/printstyles.css
Thanks!
Kristine
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Opera not playing nice with checkbox
On Wed, 10 Sep 2008 01:09:38 -0700, tee wrote: Anybody encounters this? The checkbox inherits the input declaration, and though I added a class to overwrite it, with height and width, still I can't see the 'tick'. Another annoying thing with Opera, is that if I have background or border declared for input tag, it inherits it to checkbox and radio button just like IE does. I found a seemingly workaround here but it doesn't work for my page. http://getsatisfaction.com/pingfm/topics/check_box_opera_9_5_osx Yes. A potential client just asked me to add some (more) scripting to a page. I noticed the same thing - no check mark - in Opera 9.52 on Win XP Pro. Okay on Mac OS X though. This is the page: http://www.backroads.com/catalog/ Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Opera not playing nice with checkbox
On Sep 11, 2008, at 4:43 PM, David Hucklesby wrote: Yes. A potential client just asked me to add some (more) scripting to a page. I noticed the same thing - no check mark - in Opera 9.52 on Win XP Pro. Okay on Mac OS X though. This is the page: http://www.backroads.com/catalog/ Hi David, in my Mac, I can only see a tiny bit of check mark. By the way, the radio buttons on the above page, is exactly what I wrote about annoying thing about Opera that it inherits the borders from input element. In my case, adding a class with border none only gotten rid of top, left, right borders. I actually needed to use ! important to get right of border-bottom. In my Opera, your submit request, reset buttons are overlapping with the last paragraph of text in that form. You need to give overflow hidden (this doesn't seem to work well in opera in cases like this) or clear both (guaranteed!) tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] An interesting take....
Jeff Croft posted an interesting comment on the state of the HTML WG/Web standards. http://jeffcroft.com/blog/2008/sep/11/two-thousand-twenty-two/ Regards, Andrew andrew duck executive director | asia-pacific | quiqcorp.com unit 4, 243 blenheim rd | riccarton, christchurch 8041 new zealand p +64 3 341 7692 | f +64 3 341 7693 | m +64 212 934 985 (nz) | e [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
