RE: [WSG] Compliant pop ups
Forget detecting screen readers - it is not possible: some of them sit entirely on top of a standard browser, without affecting it directly. You would have more chance detecting if a user was colour-blind! Mike -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Brad Pollard Sent: Tuesday, January 30, 2007 8:31 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Compliant pop ups Still nutting this issue out. I found this a good read: http://www.sitepoint.com/article/ajax-screenreaders-work Tending to think though that one of the following approaches is the best way forward (until such time as we have the hooks necessary to gain a readers attention) : 1) As Joseph suggested: detect for screen readers and attach rel=lightbox[] if not a screen reader, leaving content URL in href (for screen readers). But how to detect for screen readers, anyone? 2) Forget about displaying dynamic content and instead link to another page that displays the content ie large image, terms and conditions. Maybe add an extra 'Back' button into the page so that the user can easily navigate back to the referring page But, forgetting about displaying dynamic content that's tough, I don't think I can do it! Anyone know how to target screen readers? -- Brad *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Remove 3D Border Effect from Firefox Tables
I'm building an HTML 4 Transitional layout for Firefox using tables. Before you all run screaming or hang me from the gallows I have a reason, the page is being used as an email promotion, web based email readers such as GMail ignore float styles necessitating the use of table based layouts (oh joy! The design is very complicated and the powers above don't want to simplify it) My question is; I'm using the follow to create a 2px wide red border with padding for content table cellpadding=5 cellspacing=0 border=2 bordercolor=#cc in IE this renders perfectly fine, in Firefox it adds a 3D effect to the table border. Is there anyway of switching this off? -- Samuel Richardson 0405 472 748 - [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Remove 3D Border Effect from Firefox Tables
Drop the border colour, and give the table a background and turn up your cellspacing and set border to 0. table cellpadding=5 cellspacing=2 border=0 background=#cc However, I would strongly suggest CSS for this job. Regards, Svip On 1/30/07, Samuel Richardson [EMAIL PROTECTED] wrote: I'm building an HTML 4 Transitional layout for Firefox using tables. Before you all run screaming or hang me from the gallows I have a reason, the page is being used as an email promotion, web based email readers such as GMail ignore float styles necessitating the use of table based layouts (oh joy! The design is very complicated and the powers above don't want to simplify it) My question is; I'm using the follow to create a 2px wide red border with padding for content table cellpadding=5 cellspacing=0 border=2 bordercolor=#cc in IE this renders perfectly fine, in Firefox it adds a 3D effect to the table border. Is there anyway of switching this off? -- Samuel Richardson 0405 472 748 - [EMAIL PROTECTED] *** 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] Remove 3D Border Effect from Firefox Tables
Can you use CSS styles instead of HTML attributes and do: border-collapse: collapse; border: 2px solid #C00 ? On Wed, 31 Jan 2007 08:39:42 +1000, Samuel Richardson [EMAIL PROTECTED] wrote: I'm building an HTML 4 Transitional layout for Firefox using tables. Before you all run screaming or hang me from the gallows I have a reason, the page is being used as an email promotion, web based email readers such as GMail ignore float styles necessitating the use of table based layouts (oh joy! The design is very complicated and the powers above don't want to simplify it) My question is; I'm using the follow to create a 2px wide red border with padding for content table cellpadding=5 cellspacing=0 border=2 bordercolor=#cc in IE this renders perfectly fine, in Firefox it adds a 3D effect to the table border. Is there anyway of switching this off? -- Samuel Richardson 0405 472 748 - [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Remove 3D Border Effect from Firefox Tables
As I explained, CSS layouts do not render in Gmail/Hotmail etc. I've tried your HTML below, it just gives me a fill in that table. You can see the HTML here: http://tui/expresstemplate/template_japanese/ The yellow section partway down the page is what I'm trying to fix, if you view it in both Firefox and IE you'll see the difference between them and what I'm trying to achieve. Thanks, Samuel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Svip Sent: Wednesday, 31 January 2007 9:52 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Remove 3D Border Effect from Firefox Tables Drop the border colour, and give the table a background and turn up your cellspacing and set border to 0. table cellpadding=5 cellspacing=2 border=0 background=#cc However, I would strongly suggest CSS for this job. Regards, Svip On 1/30/07, Samuel Richardson [EMAIL PROTECTED] wrote: I'm building an HTML 4 Transitional layout for Firefox using tables. Before you all run screaming or hang me from the gallows I have a reason, the page is being used as an email promotion, web based email readers such as GMail ignore float styles necessitating the use of table based layouts (oh joy! The design is very complicated and the powers above don't want to simplify it) My question is; I'm using the follow to create a 2px wide red border with padding for content table cellpadding=5 cellspacing=0 border=2 bordercolor=#cc in IE this renders perfectly fine, in Firefox it adds a 3D effect to the table border. Is there anyway of switching this off? -- Samuel Richardson 0405 472 748 - [EMAIL PROTECTED] *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
FW: [WSG] Remove 3D Border Effect from Firefox Tables
Sorry, that address should be: http://duvel.intrepidtravel.com/expresstemplate/template_japanese/ -Original Message- From: Samuel Richardson [mailto:[EMAIL PROTECTED] Sent: Wednesday, 31 January 2007 10:11 AM To: 'wsg@webstandardsgroup.org' Subject: RE: [WSG] Remove 3D Border Effect from Firefox Tables As I explained, CSS layouts do not render in Gmail/Hotmail etc. I've tried your HTML below, it just gives me a fill in that table. You can see the HTML here: http://tui/expresstemplate/template_japanese/ The yellow section partway down the page is what I'm trying to fix, if you view it in both Firefox and IE you'll see the difference between them and what I'm trying to achieve. Thanks, Samuel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Svip Sent: Wednesday, 31 January 2007 9:52 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Remove 3D Border Effect from Firefox Tables Drop the border colour, and give the table a background and turn up your cellspacing and set border to 0. table cellpadding=5 cellspacing=2 border=0 background=#cc However, I would strongly suggest CSS for this job. Regards, Svip On 1/30/07, Samuel Richardson [EMAIL PROTECTED] wrote: I'm building an HTML 4 Transitional layout for Firefox using tables. Before you all run screaming or hang me from the gallows I have a reason, the page is being used as an email promotion, web based email readers such as GMail ignore float styles necessitating the use of table based layouts (oh joy! The design is very complicated and the powers above don't want to simplify it) My question is; I'm using the follow to create a 2px wide red border with padding for content table cellpadding=5 cellspacing=0 border=2 bordercolor=#cc in IE this renders perfectly fine, in Firefox it adds a 3D effect to the table border. Is there anyway of switching this off? -- Samuel Richardson 0405 472 748 - [EMAIL PROTECTED] *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Remove 3D Border Effect from Firefox Tables
On Wed, Jan 31, 2007 at 09:39:42AM +1100, Samuel Richardson wrote: I'm building an HTML 4 Transitional layout for Firefox using tables. My question is; I'm using the follow to create a 2px wide red border with padding for content table cellpadding=5 cellspacing=0 border=2 bordercolor=#cc bordercolor? So not HTML 4 Transitional then. in IE this renders perfectly fine, in Firefox it adds a 3D effect to the table border. Is there anyway of switching this off? Not without using CSS. -- David Dorward http://dorward.me.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Creating link arrows/icons in css
Hi Guys Went to my first UG meeting last week and was very impressed with the quality of the speakers. Keep up the good work! Has anyone got any examples or techniques to add an icon/image to the right of an anchor tag, specifically when the text wraps to a second line. Google doesn’t want to help today…. Cheers jason Jason Bayly Senior Developer d: (02) 9274 8061 p: (02) 9274 8000 f: (02) 9274 8099 m: 0425 222 325 w: www.newgency.comNewgency Pty Ltd Web | Multimedia | eMarketing Address: 224 Riley Street Surry Hills, NSW 2010 Sydney, Australia *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Remove 3D Border Effect from Firefox Tables
Samuel Richardson wrote: As I explained, CSS layouts do not render in Gmail/Hotmail etc. ? I just tried sending a fairly complex HTML email that uses tables and is *totally* styled with inline CSS to my gmail account -- and it renders exactly as I'd expect. And as it happens, it has an embedded table with the following: table style=border-collapse:collapse; border: 1px solid silver; font-size: .9em; margin-top: 1em; :: which looks as intended, at least in Firefox... FWIW! -- Hassan Schroeder - [EMAIL PROTECTED] Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Creating link arrows/icons in css
At 1/30/2007 03:26 PM, Jason Bayly wrote:
Has anyone got any examples or techniques to add
an icon/image to the right of an anchor tag,
specifically when the text wraps to a second
line. Google doesnt want to help today
.
You can apply a padding-right to your anchor and
a background-image in that space.
a.with-icon
{
padding-right: 20px;/* a few pixels wider than the image */
background: url(icon.gif) right center no-repeat;
}
I suggest background-position: right center; to
keep the icon vertically centered as font-size expands.
Regards,
Paul
__
Juniper Webcraft Ltd.
http://juniperwebcraft.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Remove 3D Border Effect from Firefox Tables
Hi Samuel, Can't you still use inline styles for the border and gmail will render it correctly? I know gmail is a pain with css, but have you tested inline css for this border problem? Cheers, Rachel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Samuel Richardson Sent: Wednesday, 31 January 2007 12:12 p.m. To: wsg@webstandardsgroup.org Subject: FW: [WSG] Remove 3D Border Effect from Firefox Tables Sorry, that address should be: http://duvel.intrepidtravel.com/expresstemplate/template_japanese/ -Original Message- From: Samuel Richardson [mailto:[EMAIL PROTECTED] Sent: Wednesday, 31 January 2007 10:11 AM To: 'wsg@webstandardsgroup.org' Subject: RE: [WSG] Remove 3D Border Effect from Firefox Tables As I explained, CSS layouts do not render in Gmail/Hotmail etc. I've tried your HTML below, it just gives me a fill in that table. You can see the HTML here: http://tui/expresstemplate/template_japanese/ The yellow section partway down the page is what I'm trying to fix, if you view it in both Firefox and IE you'll see the difference between them and what I'm trying to achieve. Thanks, Samuel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Svip Sent: Wednesday, 31 January 2007 9:52 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Remove 3D Border Effect from Firefox Tables Drop the border colour, and give the table a background and turn up your cellspacing and set border to 0. table cellpadding=5 cellspacing=2 border=0 background=#cc However, I would strongly suggest CSS for this job. Regards, Svip On 1/30/07, Samuel Richardson [EMAIL PROTECTED] wrote: I'm building an HTML 4 Transitional layout for Firefox using tables. Before you all run screaming or hang me from the gallows I have a reason, the page is being used as an email promotion, web based email readers such as GMail ignore float styles necessitating the use of table based layouts (oh joy! The design is very complicated and the powers above don't want to simplify it) My question is; I'm using the follow to create a 2px wide red border with padding for content table cellpadding=5 cellspacing=0 border=2 bordercolor=#cc in IE this renders perfectly fine, in Firefox it adds a 3D effect to the table border. Is there anyway of switching this off? -- Samuel Richardson 0405 472 748 - [EMAIL PROTECTED] *** 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] *** *** 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] Remove 3D Border Effect from Firefox Tables
Gmail supports many attributes, but not everything. I once found a great list of what different software and online clients support, sorry I have checked my bookmarks and can't locate it. If you find that list you'll be set, please post it here too because I would love to find it again! Cheers, Steve. Hassan Schroeder wrote: Samuel Richardson wrote: As I explained, CSS layouts do not render in Gmail/Hotmail etc. ? I just tried sending a fairly complex HTML email that uses tables and is *totally* styled with inline CSS to my gmail account -- and it renders exactly as I'd expect. And as it happens, it has an embedded table with the following: table style=border-collapse:collapse; border: 1px solid silver; font-size: .9em; margin-top: 1em; :: which looks as intended, at least in Firefox... FWIW! *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Remove 3D Border Effect from Firefox Tables
? I just tried sending a fairly complex HTML email that uses tables and is *totally* styled with inline CSS to my gmail account -- and it renders exactly as I'd expect. That might be fine for webmail accounts where you are using a web browser but what about desktop email clients? (yes Outlook/Outlook Express use IE to render html.. but what about others?.. can you be sure everyone's email client can even render tables? maybe I might be seen as old fashioned in this regard... but for email I prefer PLAIN TEXT - at least you can be sure everything can read that!) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Remove 3D Border Effect from Firefox Tables
I did follow a random article that I found with a Google search that gave a list of which styles worked and which didn't, I assumed that the didn't list would not work inline either which may not be the case after reading a few posts on the list. If anyone can dig up a best methods article for producing HTML emails then that would be fantastic. S -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Rachel May Sent: Wednesday, 31 January 2007 11:31 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Remove 3D Border Effect from Firefox Tables Hi Samuel, Can't you still use inline styles for the border and gmail will render it correctly? I know gmail is a pain with css, but have you tested inline css for this border problem? Cheers, Rachel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Samuel Richardson Sent: Wednesday, 31 January 2007 12:12 p.m. To: wsg@webstandardsgroup.org Subject: FW: [WSG] Remove 3D Border Effect from Firefox Tables Sorry, that address should be: http://duvel.intrepidtravel.com/expresstemplate/template_japanese/ -Original Message- From: Samuel Richardson [mailto:[EMAIL PROTECTED] Sent: Wednesday, 31 January 2007 10:11 AM To: 'wsg@webstandardsgroup.org' Subject: RE: [WSG] Remove 3D Border Effect from Firefox Tables As I explained, CSS layouts do not render in Gmail/Hotmail etc. I've tried your HTML below, it just gives me a fill in that table. You can see the HTML here: http://tui/expresstemplate/template_japanese/ The yellow section partway down the page is what I'm trying to fix, if you view it in both Firefox and IE you'll see the difference between them and what I'm trying to achieve. Thanks, Samuel -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Svip Sent: Wednesday, 31 January 2007 9:52 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Remove 3D Border Effect from Firefox Tables Drop the border colour, and give the table a background and turn up your cellspacing and set border to 0. table cellpadding=5 cellspacing=2 border=0 background=#cc However, I would strongly suggest CSS for this job. Regards, Svip On 1/30/07, Samuel Richardson [EMAIL PROTECTED] wrote: I'm building an HTML 4 Transitional layout for Firefox using tables. Before you all run screaming or hang me from the gallows I have a reason, the page is being used as an email promotion, web based email readers such as GMail ignore float styles necessitating the use of table based layouts (oh joy! The design is very complicated and the powers above don't want to simplify it) My question is; I'm using the follow to create a 2px wide red border with padding for content table cellpadding=5 cellspacing=0 border=2 bordercolor=#cc in IE this renders perfectly fine, in Firefox it adds a 3D effect to the table border. Is there anyway of switching this off? -- Samuel Richardson 0405 472 748 - [EMAIL PROTECTED] *** 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] *** *** 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] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Remove 3D Border Effect from Firefox Tables
Michael MD wrote: That might be fine for webmail accounts where you are using a web browser but what about desktop email clients? (yes Outlook/Outlook Express use IE to render html.. but what about others?.. can you be sure everyone's email client can even render tables? maybe I might be seen as old fashioned in this regard... but for email I prefer PLAIN TEXT - at least you can be sure everything can read that!) I second that emotion! *growls in a curmudgeonly way and crawls back into hole* mark *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Remove 3D Border Effect from Firefox Tables
If anyone can dig up a best methods article for producing HTML emails then that would be fantastic. http://www.campaignmonitor.com/blog/archives/2005/08/optimizing_css_1.html -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Remove 3D Border Effect from Firefox Tables
Michael MD wrote: That might be fine for webmail accounts where you are using a web browser but what about desktop email clients? (yes Outlook/Outlook Express use IE to render html.. but what about others?.. can you be sure everyone's email client can even render tables? maybe I might be seen as old fashioned in this regard... but for email I prefer PLAIN TEXT - at least you can be sure everything can read that!) And this client's emails are all sent multipart -- with a text/html *and* a text/plain version. And the HTML version is checked in both Outlook and Thunderbird, which probably covers 99% of her audience. Do you know any contemporary email clients that will try to render HTML that *don't* understand tables? I'd love to know which one(s) if you do. Thanks, -- Hassan Schroeder - [EMAIL PROTECTED] Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com opinion: webtuitive.blogspot.com dream. code. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Remove 3D Border Effect from Firefox Tables
Quoth Mark Harris at 01/31/07 12:01... Michael MD wrote: That might be fine for webmail accounts where you are using a web browser but what about desktop email clients? (yes Outlook/Outlook Express use IE to render html.. but what about others?.. can you be sure everyone's email client can even render tables? maybe I might be seen as old fashioned in this regard... but for email I prefer PLAIN TEXT - at least you can be sure everything can read that!) I second that emotion! I think that the best practice is to only send HTML emails if the recipient consents to it. Personally, I would say that the only thing that belongs in an e-mail is plain text (no virii, no waiting for graphics, no inline graphics that are so helpful to spammers, no distracting colours, etc...), but at very least give the recipient the choice. I am on several mailing lists with large corporations (mostly electronic component manufacturers), and nearly all of them present the mail format option on sign-up. Good on 'em. M -- Matthew Smith IT Consultancy Web Application Development Business: http://www.kbc.net.au/ Personal: http://www.smiffysplace.com/ LinkedIn: http://www.linkedin.com/in/smiffy *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Creating link arrows/icons in css
Thanks Paul,
I've implemented what you suggest..
http://www.newgency.com/test/css_temp.htm
The css technique doesn’t seem to work too well.
I also have a non css example of what I'm trying to achieve. If you resize the
browser window so that the link wraps, you will see the end result.
Any thoughts on a nice css based solution?
Cheers
Jason
---
Jason Bayly
Newgency Pty Ltd
http://www.newgency.com/
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Paul
Novitski
Sent: Wednesday, 31 January 2007 11:10 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Creating link arrows/icons in css
At 1/30/2007 03:26 PM, Jason Bayly wrote:
Has anyone got any examples or techniques to add
an icon/image to the right of an anchor tag,
specifically when the text wraps to a second
line. Google doesn’t want to help today….
You can apply a padding-right to your anchor and
a background-image in that space.
a.with-icon
{
padding-right: 20px;/* a few pixels wider than the image */
background: url(icon.gif) right center no-repeat;
}
I suggest background-position: right center; to
keep the icon vertically centered as font-size expands.
Regards,
Paul
__
Juniper Webcraft Ltd.
http://juniperwebcraft.com
***
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] Remove 3D Border Effect from Firefox Tables
It is always a good idea to check the CSS-discuss wiki http://css-discuss.incutio.com/?page=StyleInEmail might have enough links, tips and tricks to do what you want. (and you can always update it...) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Creating link arrows/icons in css
On 1/30/07, Jason Bayly [EMAIL PROTECTED] wrote: Thanks Paul, I've implemented what you suggest.. http://www.newgency.com/test/css_temp.htm The css technique doesn't seem to work too well. I also have a non css example of what I'm trying to achieve. If you resize the browser window so that the link wraps, you will see the end result. Any thoughts on a nice css based solution? The problem is that IE makes a horrible guess on where to put the background image and keeps it in the center as if the link was displayed as a block. Totally counter-intuitive, and I don't know of a solution... I would probably put the image at the beginning instead of the end. -- -- Christian Montoya christianmontoya.net .. designtocss.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Styling form elements in Safari
Hello All, Am I correct in assuming there isn't a way to style an input of type submit in Safari to match what I've styled that shows in Firefox and Netscape? -TIA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Styling form elements in Safari
On Jan 31, 2007, at 12:08 PM, TomGou wrote: Am I correct in assuming there isn't a way to style an input of type submit in Safari to match what I've styled that shows in Firefox and Netscape? button type=submitbutton text/button Philippe --- Philippe Wittenbergh http://emps.l-c-n.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] div out of alignment
Hi all I know this is a fairly simple problem but after spending a few days designing it and nutting out all these problems, im kinder over it (if you kow what i mean) In ie the divs which hold the main content go below the side menu divs if the window size isnt big enough. I think the problem is the space or the way they are floated but im not sure http://www.germworks.net Thanks for checking and help btw if anyone has any problems with design, accesability issues etc can you also please point them out Thanks again The above message has been scanned and meets the Insurance Commission of Western Australia's Email security policy requirements for outbound transmission. This email (facsimile) and any attachments may be confidential and privileged. If you are not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this email (facsimile) is strictly prohibited. If you have received this email (facsimile) in error please contact the Insurance Commission. Web: www.icwa.wa.gov.au Phone: +61 08 9264 * *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] div out of alignment
If you reduce the width of the window in FF you get the right column overlapping the left which suggests the maths on the columns doesn't add up which on quick look seems a bit odd because they seem to add up to less than 100%. I changed #sidebar to 39% instead of 40% though and the right column moved back into the correct position, so it might have a similar effect in IE. On Wed, 31 Jan 2007 14:39:40 +1000, Jermayn Parker [EMAIL PROTECTED] wrote: Hi all I know this is a fairly simple problem but after spending a few days designing it and nutting out all these problems, im kinder over it (if you kow what i mean) In ie the divs which hold the main content go below the side menu divs if the window size isnt big enough. I think the problem is the space or the way they are floated but im not sure http://www.germworks.net Thanks for checking and help btw if anyone has any problems with design, accesability issues etc can you also please point them out Thanks again The above message has been scanned and meets the Insurance Commission of Western Australia's Email security policy requirements for outbound transmission. This email (facsimile) and any attachments may be confidential and privileged. If you are not the intended recipient, you are hereby notified that any use, dissemination, distribution or copying of this email (facsimile) is strictly prohibited. If you have received this email (facsimile) in error please contact the Insurance Commission. Web: www.icwa.wa.gov.au Phone: +61 08 9264 * *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Creating link arrows/icons in css
At 1/30/2007 05:50 PM, Jason Bayly wrote:
Thanks Paul,
I've implemented what you suggest..
http://www.newgency.com/test/css_temp.htm
The css technique doesn't seem to work too well.
I also have a non css example of what I'm trying to achieve. If you
resize the browser window so that the link wraps, you will see the end result.
Any thoughts on a nice css based solution?
Oops, sorry, forgot to test in Explorer.
So here's a solution that does work in both Firefox and Explorer:
_
a href=#This is a very very ... very long linkspan/span/a
a span
{
padding: 0 8px;
background: url(folder.gif) right center no-repeat;
height: 1%;
}
_
The 8px horizontal padding makes room for a 16px-wide image.
span/span is deplorably extraneous in the markup, but at least
it's semantically transparent.
height: 1%; is a harmless hack to force Explorer to give the span
layout, without which it's necessary to insert a space inside the span.
Regards,
Paul
__
Juniper Webcraft Ltd.
http://juniperwebcraft.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
