Re: [WSG] Image links
@ Jason you can't code imga/a/img it can only be aimg... //a hence to stop a decorations on images that have an a tag wrapping them... the css should be a img { text-decoration: none; } On Fri, May 2, 2008 at 3:50 PM, Mike at Green-Beast.com [EMAIL PROTECTED] wrote: it should be: a img { } Ah, yeah, duh, sorry can't do img a. Drop that from my previous example please. It's late, I'll Tweet my goof and go to bed :) Mike *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- - http://myfitness.ning.com A community of people that care about their health and fitness Free fitness videos, recipes, blogs, photos etc. -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image links
On 1 May 2008, at 23:14, Mike at Green-Beast.com wrote: This should work for you: img a { text-decoration : none; } No, it shouldn't. img is an empty element, it can't have any descendants. If it can't have any, then the selector An anchor that is a descendant of an image can never match anything. -- David Dorward http://dorward.me.uk/ http://blog.dorward.me.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image links
Y'all are missing a very important point: images will never, ever have an underline if you set text-decoration: underline. Actually, I take that back. There is only one instance in which an image might have a true underline. In the very unlikely event that someone produces a bit of code that looks like this: a href=somelink.htmlSome text img src=imgsrc.ext//a You will end up with an underline running from Some to the end of the image. This is, of course, assuming you haven't monkeyed with the basic link styles already. Now, some browsers will put a border on an image link. Firefox does. Safari doesn't. I'll bet a few more do or don't. By default it'll have a width of 2px (in Firefox anyway). So the only thing you have to worry about in terms of default styles on image links is the border. Unless you've added a border to anchors. Maybe you wanted a different color than the text. Maybe you wanted a nifty dotted or dashed border. Now you have a border applied to the link itself rather than the image and there's very little you can do to get rid of it without adding extra markup. The number of folks who have commented that img a doesn't make a bit of sense are absolutely correct. The only correct way to touch this image by css is a img, but that only targets the image itself, which means all you can do is muck about the the border on the imageāthe border that may or may not show up in your browser in the first place. So, I suspect Dean has a style that looks something like a { border-bottom: 1px solid #000; } and he doesn't want that on his images. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image links
Hi Mike, img a {} Has anyone mentioned that this is incorrect? :-) Kind Regards, Kane Tapping Web Standards Developer Web and Content Management Services Griffith University. 4111. Australia. [EMAIL PROTECTED] Phone: +61 (0)7 3735 7630 Mike at Green-Beast.com [EMAIL PROTECTED] Sent by: [EMAIL PROTECTED] 02/05/2008 08:14 AM Please respond to wsg@webstandardsgroup.org To wsg@webstandardsgroup.org cc Subject Re: [WSG] Image links Hi Dean, When you set up an anchor rule that has an underline on hover meant for text, is there a simple way to prevent the underline on image This should work for you: img a { text-decoration : none; } Cheers. Mike Cherim *** 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] Image links
On Fri, May 2, 2008 at 3:50 PM, Mike at Green-Beast.com [EMAIL PROTECTED] wrote: it should be: a img { } to underline an image the css is: a img {border-bottom:xpx solid #xx;} i have found that the border is always blue though no matter what color value you assign, unless i'm missing something here. dwain -- dwain alford The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] making big selections
On May 2, 2008, at 1:04 AM, Andrew Harris wrote: Been having problems with deciding on the best user interface for a particular type of form input (for an intranet application). When we have a list of values from which a user can select one or more items, there are a couple of choices. - we can use checkboxes, which is nice and easy for (lets say) up to 15 options, starts to get a bit clunky up to 25 and just gets ugly from then on. - we can use a multiple select list, which operates reasonably well up to quite a large number of choices, but gets a bit of negative feedback from users who don't find it intuitive. The whole modifier key thing throws people and they can't tell what's been selected without scrolling right through the list (what a nightmare that would be on a screenreader!). AFAIK, the multi-select is the *right* way to go, but when we're talking about your larger lists (200+ items) I agree that it is next to impossible to use - scrolling increments become tiny and you can't tell what's been selected at a glance (as all selections may be outside the viewport of the form control). This is a thorny and much-discussed issue. The consensus seems to be that, as you note, the multiple select is not a viable option. And as you also point out, offering very long lists of check boxes is problematic for several reasons: it's hard for the user to keep track, wasteful of space, etc. I'm happy that I've never had to deal with quite this problem, but in a variation I have had to deal with situations where subsequent options depend on initial choices, and I've found users to respond quite well to an interface where they are only offered the relevant subsequent option set after their initial choice. I use JS to open and close hidden sections of the form (you have to be careful to empty any completed fields if they go back and choose a different initial option, but while tedious this is fairly trivial). I would suggest that any long list can be broken down into sub- sections. e.g. if you're listing towns in the US: Time Zone - State - County If the list is truly heterogeneous then the alphabet is a sure standby. So, perhaps: Choose your item from: category set(s) - item checkbox list The category sets can be nested as necessary - if you have say 1000 options to choose from, ten primary categories, each offering ten subcategories, each with a list of ten items. To allow the user to put away a list after making choices keep a display of chosen options conspicuously visible, you could even use JS to permit removal of items without having to return to the original checkbox. Hand-coding all this would certainly be a royal pain, but with server- side scripting it's easy using loops. btw - the CHI-WEB list is also a great place for discussions of this type of issue. Good luck! Andrew *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image links
Or like this: img { margin: 3px; padding: 3px; border: 2px solid #BAB089; background-color: #D1C9AA; } The above CSS is in reply to always being blue. Well no not if you state what you want for the border color in your CSS. Courtesy of Xenoria Wordpress theme. Test it. Its a beige color. MADDIE MACCANN - MAY 3RD 2007 Kate http://jungaling.com/katesplace/ http://jungaling.com/Malaysia/ - Original Message - From: dwain To: wsg@webstandardsgroup.org Sent: Friday, May 02, 2008 8:30 AM Subject: Re: [WSG] Image links On Fri, May 2, 2008 at 3:50 PM, Mike at Green-Beast.com [EMAIL PROTECTED] wrote: it should be: a img { } to underline an image the css is: a img {border-bottom:xpx solid #xx;} i have found that the border is always blue though no matter what color value you assign, unless i'm missing something here. dwain -- dwain alford The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 269.23.7/1409 - Release Date: 01/05/2008 08:39 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Image links
On 5/2/08, kate [EMAIL PROTECTED] wrote: Or like this: img { margin: 3px; padding: 3px; border: 2px solid #BAB089; background-color: #D1C9AA; } The above CSS is in reply to always being blue. Well no not if you state what you want for the border color in your CSS. yeah, i went back and saw my problem. it seems the color i thought was red was really blue. had my hex figures backwards. with your example you have a border around the image. i thought that the original poster wanted an underline. with a 3px bottom padding stated you get the underline. dwain -- dwain alford The artist may use any form which his expression demands; for his inner impulse must find suitable expression. Kandinsky *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***