RE: [WSG] Mail with xhtml/css layout
You can style emails with css. Because of what many email clients (web based and otherwise) do to the code you have to do all the css inline. There was an article over at alistapart.com a while ago http://www.alistapart.com/articles/cssemail/ A couple of additional points 1. Hotmail will change "url" to "nourl" so you can't have background images for your css 2. Gmail basically destroys anything you throw at it as far as I can tell. I'd advise against sending anything but plain text but if it's what a client wants then... yes, it is possible. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Javier Sent: Thursday, 4 November 2004 4:08 AM To: Web Standards Group Subject: [WSG] Mail with xhtml/css layout Hi All I need to make a mail with xhtml/css. It4s possible ? Are there tools to make this ? Any idea welcome... Thanks Javier __ Do you Yahoo!? Check out the new Yahoo! Front Page. www.yahoo.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** --- Incoming mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.786 / Virus Database: 532 - Release Date: 29/10/2004 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] right column help
Is there a reason why you can't do both column faux with the page background? Surely the grey background on the right will be obscured by the top header image and the h1 (with an #fff background) if you put it in the page background. Considering you have a fixed width layout I'd certainly suggest doing both column backgrounds using the background image for the page. You're going to run into countless difficulties with the current method as you add content to pages. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Lindsey (blueyonder) Sent: Wednesday, 3 November 2004 11:51 PM To: [EMAIL PROTECTED] Subject: [WSG] right column help Hi I'm just starting to do all my layouts in pure css and struggling a little bit! I've done this layout, the left column is a b/g image in the body tag which is fine but the right one is a b/g image in a container div, which contains the middle content and the right column. The image doesn't seem to be repeating all the way down and how do I get the container div to go full length of the screen? I've set it to 100%. http://www.apperleydesign.co.uk/harbourcraft/index.htm Style sheet: http://www.apperleydesign.co.uk/harbourcraft/style.css Thanks Lindsey Hill Apperley Design design | create | innovate T: 01274 421410 www.apperleydesign.co.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** --- Incoming mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.786 / Virus Database: 532 - Release Date: 29/10/2004 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] Help with position: fixed;
That's what should be happening. The browser is putting the section at the top of the page as the fixed header and table of content aren't influencing the positioning of #main. A quick and dirty solution is to have this #one, #two, #three {padding-top:100px;} instead of padding the top of #main Emphasis on the quick and dirty there - I'm sure there's a much better solution. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Peter A. Shevtsov Sent: Tuesday, 2 November 2004 7:44 PM To: [EMAIL PROTECTED] Subject: [WSG] Help with position: fixed; Hello to everyone! I have the following issue I have a page with fixed header and a set of internal links (anchor identifiers). The problem is in that when I follow the link the heading "hides" under the fixed header. Link to page: http://shevtsov.fanstvo.com/tests/fixed-header.html (CSS is embeded into the page) Thanks in advance. Peter A. Shevtsov ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ** --- Incoming mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.786 / Virus Database: 532 - Release Date: 29/10/2004 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
RE: [WSG] My CSS not multi browser - help needed
There's a few issues I could point out. Firstly, there are plenty of good fixed width 2 column layouts with a header and footer that will help show you some good practices. A google search for "css layouts" will help there. I thought about listing the most important issues regarding css positioning. First up though, I did a quick hack of the css you had and also deleted a couple of superfluous divs that weren't needed in the html. Have a look http://www.horologe.com.au/ppa/home.htm http://www.horologe.com.au/ppa/css/layout.css It's not real pretty or optimal or well tested but hopefully, looking at the differences in the two (your version vs my edit) should help show you what you're doing that's making it look strange in Moz. I would point out that IE's ahem - shortcomings are teaching you some rather nasty habits. Try developing your layouts with a browser which does layouts in a more...sensible fashion and then adjust for IE's quirks later. Let us know your questions. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Robert O'Neill Sent: Thursday, 1 July 2004 9:41 PM To: [EMAIL PROTECTED] Subject: [WSG] My CSS not multi browser - help needed Hello all, this is my first attempt at moving from tables to CSS for layout: http://www.ppa.org.uk/test/afc/no_tables/home.htm Looks as expected in IE6 but navigation does not float as expected in Opera and in Mozilla the footer moves to the top of the page. Any help, advice, or guidance would be greatly appreciated. The stylesheet controlling the layout is http://www.ppa.org.uk/test/afc/no_tables/css/layout.css Thanx in advance. Please visit the PPA Website at: www.ppa.org.uk Rob O'Neill Web Team Manager Prescription Pricing Authority Bridge House 152 Pilgrim Street Newcastle Upon Tyne NE1 6SN email: [EMAIL PROTECTED] tel: (0191) 203 5246 ext: 5246 *** IMPORTANT NOTICE *** *** PPA DISCLAIMER *** This e-mail and any attachments transmitted with it, including replies and forwarded copies subsequently transmitted (which may contain alterations), contains information which may be confidential and which may also be privileged. The content of this e-mail is for the exclusive use of the intended recipient(s). If you are not the intended recipient(s), or the person authorised as responsible for delivery to the intended recipient(s), please note that any form of distribution, copying or use of this e-mail or the information in it is strictly prohibited and may be unlawful. If you have received this e-mail in error please notify the Network Team at the Prescription Pricing Authority via e-mail to [EMAIL PROTECTED] including a copy of this message. Please then delete this e-mail and destroy any copies of it. Further, we make every effort to keep our network free from viruses. However, you do need to validate this e-mail and any attachments to it for viruses, as we can take no responsibility for any computer virus that might be transferred by way of this e-mail. This e-mail is from the Prescription Pricing Authority whose principal office is at Bridge House, 152 Pilgrim Street, Newcastle-upon-Tyne, NE1 6SN. Switchboard Telephone Number :- +44 (0)191 232 5371 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
[WSG] IE float positioning
Hi guys, Looking for some insight into "float" on IE. I have an image inside a div, that renders beyond the bottom of that div (deliberately.) Now, what I want is for the barckground image of the div below to render "underneath" the transparent area of the image - which is what mozilla does. IE however, starts the next div to the right of the earlier div. The html is as below. I used a negative top margin on B to get it to be positioned right beneath A. ... ... I hope that's somewhat clear. Any suggestions? * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
RE: [WSG] Suggestions about what to do here ...
Personally I find the different sizes most browsers will use for fonts mean that I always do fonts in pixel sizes. I think that WinIE4/5 implements "small" as the initial value so when you use "smaller" in the body it get's very small. However, I tried it in IE5 and 5.5 and the font size seemed ok to me. The menu however is definitely broken in IE5 and 5.5 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Michael Kear Sent: Thursday, 25 March 2004 12:46 AM To: [EMAIL PROTECTED] Subject: [WSG] Suggestions about what to do here ... What do you guys think I should do about this …. A user has logged into my bluegrass Australia web site as a member (http://bluegrass.org.au ) and says when he logs in, he can’t read the site any more, because the text is too small and the menus don't work properly. The menus don't work properly because I have a javascript error, that’s under control, I can fix that. But the font size thing is a bit of a worry. I asked him about his environment and here’s what he said he has: Intel Celeron 650 meg processor, ATI graphics card, 256 meg RAM, Mitsubishi monitor. I run windows 98, IE 5. Here’s how I see it. I can: [A] say he’s got IE5, tell him to take a jump because he needs to upgrade. (I’ve done that, but if there’s another answer that’s easy I’d like to do that too – he’s not alone) [B] just let him lump it and use the CTRL-Wheel to increase the font size [C] change the style sheets to accommodate IE5 users. So what’s your suggestions about how I can handle this? I’m not against telling him ‘tough – upgrade your browser!’ but if there’s a fix that’s fairly easy I’d like to consider that. The site is at http://bluegrass.org.au and I’ve set up a membership for you to try .. user: [EMAIL PROTECTED] pass: member The style sheets are : Main pages: http://bluegrass.org.au/styles/Bluegrass_Australia.css Menus: http://bluegrass.org.au/styles/cssjsmenu.css Menus hover: http://bluegrass.org.au/styles/cssjsmenuhover.css Yes, I know it’s not valid html, but I don't think that’s why this problem has come about. To get the html to validate is a big job here, so I’m working towards that as fast as I can. Cheers Mike Kear AFP Webworks Windsor, NSW, Australia http://afpwebworks.com --- Outgoing mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.624 / Virus Database: 401 - Release Date: 15/03/2004 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
RE: [WSG] CSS Shorthand for color
When Brian mentioned older browsers/backwards compatibility my first thought was about the "web safe pallette." On second glance at the question I don't know how relevant it was to the topic. Of course the web safe color pallette isn't very relevant anymore :) Brian, if you were actually referring to whether using #fff instead of #ff in a CSS file would cause problems in older browsers - I think perhaps Navigator 4.X had a problem with them (the only browser that did have a problem). Of course, NN4 has problems with most CSS so that can be ignored anyway! -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Leo J. O'Campo Sent: Monday, 22 March 2004 8:40 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] CSS Shorthand for color On Monday, March 22, 2004, at 03:53 AM, Patrick Lee wrote: > You use web safe colours to prevent dithering. The "Browser safe" > Pallette > has 216 colours - many of them ugly :) - it is for viewers with 256 > colour > (8 bit) displays. Patrick While we are on the topic of color palettes and standard color notation, IMHO using the web safe palette for desktop websites is like coding for Mosaic. In this day and age, just about any color monitor still working, can display better than 8 bit color. ;-) Leo * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help * --- Incoming mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.624 / Virus Database: 401 - Release Date: 15/03/2004 --- Outgoing mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.624 / Virus Database: 401 - Release Date: 15/03/2004 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
RE: [WSG] CSS Shorthand for color
You use web safe colours to prevent dithering. The "Browser safe" Pallette has 216 colours - many of them ugly :) - it is for viewers with 256 colour (8 bit) displays. As far as #fff vs #ff I think it's really just shorthand, you skip every second...as in #f3a is #ff33aa. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of theGrafixGuy Sent: Monday, 22 March 2004 7:18 PM To: [EMAIL PROTECTED] Subject: [WSG] CSS Shorthand for color Does anyone know of a calculator or reference one can use to translate hex into triple hex? Referring here to using #FFF instead of #FF for white as an example. Additionaly, are their any issues or bugs known in regards to using said color method? So far my experiments are showing up just fine, but I only run the latest browsers (Mozilla, Firefox, Opera, IE6) Brian * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help * --- Incoming mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.624 / Virus Database: 401 - Release Date: 15/03/2004 --- Outgoing mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.624 / Virus Database: 401 - Release Date: 15/03/2004 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *
RE: [WSG] Scroll bars
I think the coloured scroll-bars are an IE5.5/6 only thing. I don't remember anything from CSS level 1 or 2 for scrollbars. I suspect it's a microsoft thing. Then, I've never used it. I could be wrong. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of 7 sinz Sent: Thursday, 18 March 2004 4:05 PM To: [EMAIL PROTECTED] Subject: [WSG] Scroll bars hello everyone, im just wondering if there is a way to change scroll bars with CSS that will that will work cross browser and still be valid>? _ SEEK: Now with over 50,000 dream jobs! Click here: http://ninemsn.seek.com.au?hotmail * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help * --- Incoming mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.624 / Virus Database: 401 - Release Date: 15/03/2004 --- Outgoing mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.624 / Virus Database: 401 - Release Date: 15/03/2004 * The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *