I know how to do it.. there are various methods.. MY question was whether that approach is the best or not...
From: st...@stevegibbings.co.uk Sent: Tuesday, May 11, 2010 4:40 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] semantic structure for icon and text There are ways to make the icon clickable as part of the link when it's a background. Are you asking what is semantic or how to do things in css? It seems the latter to me. The how you do it is secondary to the semantics. Sent from my iPhone On 11 May 2010, at 11:22, Shrikant Sharat <shrikantshara...@gmail.com> wrote: I think some people (like me) might click on the icon as opposed to the link text itself. This might not work if the background image technique is used, but I am not sure about this. This point too, boils down to what your icon signifies in the link's context. 2010/5/11 st...@stevegibbings.co.uk <st...@stevegibbings.co.uk> Easy answer- use a background image. Less easy answer - is the image content or just a visual representation of existing content? I would say the link is the real content and you are adding to that visually with an icon image. Steve Sent from my iPhone On 11 May 2010, at 10:48, "Naveen Bhaskar - live" <naveenbhas...@live.in> wrote: Hi, what is the correct semantic structure for putting an icon in the website. when I checked youtube , I see the icons loaded with css to a spacer which is 1x1 size. Is that a good approach? I want to show an email id with an email icon with that. can anyone suggest me the right semantic structure . <span class="email"> <img src="spacer.gif" alt="'> <a href=mailto:a...@gmail.com>some_email_id</a> </span> or just <a href=mailto:a...@gmail.com>some_email_id</a> and attach the icon with css background property for the anchor tag? thanks a lot in advance. .naveen_bhaskar { email : naveenbhaskar...@gmail.com; yahoo : naveenbhas...@ymail.com; } ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ******************************************************************* -- Shrikant Sharat KANDULA ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *******************************************************************
<<Emoticon1.gif>>