Re: [WSG] New CSS site
Hi Peter...very clean looking site...sweet indeed. Only crit I found was in your div class=featurebox the img's (FEATUREARTCLE) (GO) move approx: 3px to the right when hovering over the latter - in Opera 7.11 Build 2887. Apart from that totally mini-glitch, the site looks brill. Well done. Regards, JG --- Universal Head [EMAIL PROTECTED] wrote: Hi all Just about to be officially announced, my new fully CSS/XHTML 1.0 Trans site, and the smoothest experience I've had with css so far: http://www.cinema4duser.com Comments and crits most welcome. Peter Universal Head Design That Works. 7/43 Bridge Rd Stanmore NSW 2048 Australia T (+612) 9517 1466 F (+612) 9565 4747 E [EMAIL PROTECTED] W www.universalhead.com _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Eric Meyer's Pure CSS pop ups
You might consider using UDM 4.0, which uses both CSS _javascript_. Someone mentioned it on this list a few days ago and its a great solutionits very flexible and accessible and pretty widely supported. The XHTML validates, but unfortunately the CSS does not. I had considered using the pure css technique, but found it a little limiting and not as easy to implement as it might seem. And if browser support is an issue, UDM might be a better solution for you. Other opinions? Glenn Jaime Wong wrote: I feel like trying out Eric's Pure CSS pop up technique http://www.meyerweb.com/eric/css/edge/popups/demo2.html but the question is if it is viable to use it instead of _javascript_. Does anyone know which browser does not work with it? With Regards Jaime Wong ~~ SODesires Design Team http://www.sodesires.com ~~ * The discussion list for http://webstandardsgroup.org/ *
[WSG] overflow IE problem
Hi; im trying to place a member login field on top of a ImageMapped Header... In mozilla i have it working perfect, but IE wont show the fields at all. #login{ overflow:hidden; width: 131px; color:#fff; font: 10px Verdana, Arial, Helvetica, sans-serif; height: 131px; background: url(loginback.gif) no-repeat; } is there something extra i should be adding to get it to render ok in IE (6 btw)? too my knowledge IE has no trouble with rendering overflow: ney? all help is welcome and much appreciated. -peace _ SEEK: Now with over 50,000 dream jobs! Click here: http://ninemsn.seek.com.au?hotmail * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] overflow IE problem
Hi 7, Can you please supply a link to the page in question as well as the CSS file(s). In order to help we need to be able to see it in action in case there is something else in the code affecting or conflicting with it. This also lets us see what language and version you are using and whether or not you are operating in quirks mode depending on your doctype. Regards, Peter im trying to place a member login field on top of a ImageMapped Header... In mozilla i have it working perfect, but IE wont show the fields at all. #login{ overflow:hidden; width: 131px; color:#fff; font: 10px Verdana, Arial, Helvetica, sans-serif; height: 131px; background: url(loginback.gif) no-repeat; } is there something extra i should be adding to get it to render ok in IE (6 btw)? too my knowledge IE has no trouble with rendering overflow: ney? all help is welcome and much appreciated. * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Eric Meyer's Pure CSS pop ups
I've tried EM's pureCSS method before, and while it's kind of cool, I found the code ended up looking dodgy and hacked. I prefer to use a simple bit of javascript - it makes sense to other coders at a glance and seems far more appropriate. B * The discussion list for http://webstandardsgroup.org/ *
[WSG] Minor gripe
Hi everyone... a little OT (may be) A short time ago Peter Firmonger wrote to say could anyone who uses an Out of office auto email, to please desist. So here is my tuppence worth. When someone requires us all to view a link...can they please refrain from using the '' at the end of the url. As in: http://www.w3.org/1999/xhtml; Please take the bracket of the url and simply use: http://www.w3.org/1999/xhtml Now my little rant is over...please, have a good weekend everyone. Regards, JG _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] new to css and WSG
That won't work Simply ataching the stylesheet does nothing. Sandra Woods wrote: Thanks Sandy come and play on the board http://www.artgally.com Come and see the art show http://www.artgally.com/cswart Come and see the poetry show http://www.artgally.com/cswpoetry I am really new to CSS just having purchased Style Master 3.5 I have a question please don't laugh. If I use one of the templates that come with Style Master and link it to my html page then I use the html page do I just put the text into the html page and the css style sheet takes care of the rest? I have been working on just doing the tutorials and it supplies text that I have just changed to my own. So that is why the question. I was in particular think of the two column with the navigation bar. Ok as I said I am very new to CSS. Thanks so much for any help you can give Sandy Woods Please come and play on the board http://www.artgally.com * The discussion list for http://webstandardsgroup.org/ * -- Kindest Regards, Razvan Pop. Web Developer * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] New to WSG
Yep, getting that a lot this morning.. The details are at the end of the welcome email (which no-one seems to read)... I will warn you however that the digest version isn't perfect. I'm about to upgrade the mail server so we'll see if it improves but it is received as an email with attachments on some mail clients. _ Commands to be sent to [EMAIL PROTECTED] (used in the body of the message NOT the subject line) from the registered email address: Using the Set mode digest wsg (no quotes) command will send all messages from lists within one file based on an interval set by the moderator (daily). Using the Set mode standard wsg (no quotes) command will send all messages individually and is the standard option. _ Welcome to all the new members, Peter (Listdad) I do have a question, is there a digest version of this list? The list is just too high volume for my work account. * The discussion list for http://webstandardsgroup.org/ *
[WSG] Re: Accessibility: Accesskeys
I have collected some information about Accesskeys, thought I share. Here are some more: http://www.d.umn.edu/goto/accessibility#accesskey ___ Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN 55812-3009 http://www.d.umn.edu/goto/webdesign * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Re: Accessibility: Accesskeys
Laura Carlson wrote: I have collected some information about Accesskeys, thought I share. Here are some more: http://www.d.umn.edu/goto/accessibility#accesskey Your collection of Web design references is surely one of the best on the Web. I know it scince Mr. Zeldman posted it on his site, but I often forget to look at it first. Tonico -- Tonico Strasser ?:-) http://Tonico.FreeZope.org Contact_Tonico at Yahoo dot de Check out http://www.WebProducer.at * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Eric Meyer's Pure CSS pop ups
Thanks for all the tips. With Regards Jaime Wong ~~ SODesires Design Team http://www.sodesires.com ~~
Re: [WSG] Accessibility checkers for Mac (OS X)
On 9 Mar 2004, at 14:08, Paul Ross wrote: You can download the free web developers toolbar extension for Mozilla and Firefox browsers which has a handy quick link to the Bobby WCAG 1.0 and Bobby 508 accessibility checker. You can get it here: Yeah, got that - I guess I'm being greedy, as I want a standalone - as in no internet connection required - application like Web XM for the Mac ... Alas, it will never happen :-) Ian Lloyd ~ WEB: http://www.ian-lloyd.com/ | AIM: uklloydi Round-the-World trip blog: http://ianandmanda.typepad.com/ * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Eric Meyer's Pure CSS pop ups
Does anyone use this technique http://www.xs4all.nl/~peterned/csshover.htmlin their website for image rollovers not necessary only for menu? I admit i am in my dense moment now and can't seem to understand the write up on the above mentioned site. Looking at the codes in the page doesn't help much too. Need a simpledemo if someone has them :) With Regards Jaime Wong ~~ SODesires Design Team http://www.sodesires.com ~~ ---Original Message--- From: [EMAIL PROTECTED] Date: 03/12/04 17:18:46 To: [EMAIL PROTECTED] Subject: Re: [WSG] Eric Meyer's Pure CSS pop ups El vie, 12-03-2004 a las 08:51, Jaime Wong escribió: I feel like trying out Eric's Pure CSS pop up technique http://www.meyerweb.com/eric/css/edge/popups/demo2.html but the question is if it is viable to use it instead of _javascript_. Does anyone know which browser does not work with it? Hi Jaime, as the method relies on using :hover on non-a elements, it won't work with IE out-of-the-box, however you could use it together with the whatever:hover technique or even the IE7 engine. That should do the trick. http://www.xs4all.nl/~peterned/csshover.html http://dean.edwards.name/IE7/ -- Manuel González Noriega Simplelógica, construcción web URL: http://simplelogica.net EMAIL: [EMAIL PROTECTED] TELEFONO: (+34) 985 22 12 65 Logicola es el weblog de Simplelógica http://simplelogica.net/logicola/ /pThat's right. We said Frontpage./p * The discussion list for http://webstandardsgroup.org/ * .
RE: [WSG] Minor gripe
Hi P. H. This kind of went off list, but I suppose Russ Peter could let you view the correspondence if you asked. Regards, JG --- P.H.Lauke [EMAIL PROTECTED] wrote: Care to elaborate as to why ? I usually wrap long-ish URLs in opening and closing brackets, as that guarantees that they'll still be clickable even if the line they're on is wrapped... Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk -Original Message- From: LC 55 [mailto:[EMAIL PROTECTED] Sent: 12 March 2004 12:42 To: [EMAIL PROTECTED] Subject: [WSG] Minor gripe Hi everyone... a little OT (may be) A short time ago Peter Firmonger wrote to say could anyone who uses an Out of office auto email, to please desist. So here is my tuppence worth. When someone requires us all to view a link...can they please refrain from using the '' at the end of the url. As in: http://www.w3.org/1999/xhtml; Please take the bracket of the url and simply use: http://www.w3.org/1999/xhtml Now my little rant is over...please, have a good weekend everyone. Regards, JG _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ * _ Why Pay $35 for a .COM, .NET or .ORG Web Address? iDotz.Net offers Cool Domains @ Great Prices! Starting @ $8.75 Go: http://www.idotz.net * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Some more links for light reading
If anyone was looking for a support chart, here's another that's fairly detailed, for CSS2. http://www.macedition.com/cb/resources/abridgedcsssupport.html * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] new to css and WSG
Yes it does help. I think what I am trying to ask is if I use Frontpage 2003 and make a style sheet. If I want to add tables do I do it with the style sheet and frontpage or just do it in front page. Thanks Sandy come and play on the board http://www.artgally.com Come and see the art show http://www.artgally.com/cswart Come and see the poetry show http://www.artgally.com/cswpoetry -Original Message- From: Seona Bellamy [mailto:[EMAIL PROTECTED] Sent: Friday, March 12, 2004 4:52 PM To: [EMAIL PROTECTED] Subject: RE: [WSG] new to css and WSG Hi Sandy, You might need to do more than just attach the stylesheet - that simply makes it available for the HTML page to use. If the stylesheet defines styles for actual elements (p, hx, td, etc) then these will be picked up by default when you view the page in the browser. If, however, there are any class styles defined, you have to add them to the HTML explicitly. For example, if the stylesheet defines a style called '.highlight' and you wish to apply that style to one of the paragraphs in your page to make it stand out more, then you would put the following: p class=highlightHere's some paragraph text./p Does that help you any? Cheers, Seona. -Original Message- From: Sandra Woods [mailto:[EMAIL PROTECTED] Sent: Saturday, 13 March 2004 12:21 AM To: [EMAIL PROTECTED] Subject: RE: [WSG] new to css and WSG Thanks Sandy come and play on the board http://www.artgally.com Come and see the art show http://www.artgally.com/cswart Come and see the poetry show http://www.artgally.com/cswpoetry I am really new to CSS just having purchased Style Master 3.5 I have a question please don't laugh. If I use one of the templates that come with Style Master and link it to my html page then I use the html page do I just put the text into the html page and the css style sheet takes care of the rest? I have been working on just doing the tutorials and it supplies text that I have just changed to my own. So that is why the question. I was in particular think of the two column with the navigation bar. Ok as I said I am very new to CSS. Thanks so much for any help you can give Sandy Woods Please come and play on the board http://www.artgally.com * The discussion list for http://webstandardsgroup.org/ * --- Incoming mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.605 / Virus Database: 385 - Release Date: 1/03/2004 --- Outgoing mail is certified Virus Free. Checked by AVG anti-virus system (http://www.grisoft.com). Version: 6.0.605 / Virus Database: 385 - Release Date: 1/03/2004 * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
[WSG] text and graphic on one line
Hi - I have been trying to create a div header with background colour, border etc that has text (3 words) on the left and a logo on the same line but sitting on the right and I can't seem to get it right. I tried including the logo inside the h1 tags and this worked except for the position of the logo and I don't think that using repeated nbsp to move it across to the right is the correct way to do it. The logo is approx 50 x 48 and my code for the header is: #header{ background-color: #ffd2cd; margin: 20px; height: 60px; border: 1px solid #666; padding: 0 15px 10px 15px; } I would appreciate any help you can give. Regards Maureen * The discussion list for http://webstandardsgroup.org/ *
[WSG] CSS Layout/Web Server Question
Hello from a first timer. My question is about how web servers deal out pages. I have just started working on a site, and do all my development and testing on an Apache 2 web server running locally on my Windows XP laptop. When I transfer the same files (html page, css and images) to my Unix hosted account, the layout looks different. Not radically different, but enough to be a bit confusing. The differences are: 1. In IE6, the two divs which I float (one to the left, one to the right) have a different width grey border between them. On my local machine when viewed in the same browser, the border is only 1 px. On my Unix machine, it is about 10px (as it should be). In Firefox it is fine. 2. In Firefox, the textarea in the right column is a different width. It runs out of the grey container, whereas in the same browser on my local machine (and in IE6) it looks fine. Here is the page in question. I am still fleshing out the layout and stuff so haven't tried to make it look pretty at all. http://www.opinios.com/oskamp/mockup.php Any insight would be appreciated. Cheers Matt * The discussion list for http://webstandardsgroup.org/ *
[WSG] opinions on use of css shorthand properties
I have noticed an increasing number of sites using shorthand properties for css eg: h1 { font: bold 12pt/14pt Helvetica } however I know that just like actual css implementation, different browsers support some/all/none of the shorthand properties so is it worth using shorthand to create a smaller css file or as im doing at the moment is being explicit with every property the safest way to go eg: h1 { font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: Helvetica; font-variant: normal; font-style: normal; font-stretch: normal; font-size-adjust: none } -- Neerav Bhatt http://www.bhatt.id.au * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] text and graphic on one line
Maureen, The main question would be this; do you want the logo to be included on the page as essential content or do you see it as part of the presentation - if it is the latter, then you are probably best off putting it inside the CSS rather than on the page. Once this decision is made, there are many way to achieve the result you need. One way would be to place the logo as a background image inside the div and align it to the right. Another way would be to place the logo inside the h1 but wrap it in a span and set the span to float right. Here are some examples in action for you - the first uses an inline image - the second uses a background image. http://www.maxdesign.com.au/jobs/css/maureen/ HTH Russ Hi - I have been trying to create a div header with background colour, border etc that has text (3 words) on the left and a logo on the same line but sitting on the right and I can't seem to get it right. I tried including the logo inside the h1 tags and this worked except for the position of the logo and I don't think that using repeated nbsp to move it across to the right is the correct way to do it. The logo is approx 50 x 48 and my code for the header is: #header{ background-color: #ffd2cd; margin: 20px; height: 60px; border: 1px solid #666; padding: 0 15px 10px 15px; } I would appreciate any help you can give. Regards Maureen * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] opinions on use of css shorthand properties
The first question you need to asks is what browsers you intend to support. That will dictate many things, including the amount of shorthand css you use. For example, if you are including NN4 as one of your target browsers, this will limit the amount of shorthand CSS you can use. Once you have made your browser support decision, check out one of the many shorthand css support charts to determine which shorthand rules you can then use. Generally speaking, shorthand rules are great for file size as well as development and maintenance - easier to write and maintain. Russ I have noticed an increasing number of sites using shorthand properties for css eg: h1 { font: bold 12pt/14pt Helvetica } however I know that just like actual css implementation, different browsers support some/all/none of the shorthand properties so is it worth using shorthand to create a smaller css file or as im doing at the moment is being explicit with every property the safest way to go eg: h1 { font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: Helvetica; font-variant: normal; font-style: normal; font-stretch: normal; font-size-adjust: none } * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] CSS Layout/Web Server Question
You could try using css to set the text area width instead of rows=2 cols=15 eg: textarea.mnemonic { height: 150px; width: 100px; } -- Neerav Bhatt http://www.bhatt.id.au Matthew Magain wrote: Hello from a first timer. My question is about how web servers deal out pages. I have just started working on a site, and do all my development and testing on an Apache 2 web server running locally on my Windows XP laptop. When I transfer the same files (html page, css and images) to my Unix hosted account, the layout looks different. Not radically different, but enough to be a bit confusing. The differences are: 1. In IE6, the two divs which I float (one to the left, one to the right) have a different width grey border between them. On my local machine when viewed in the same browser, the border is only 1 px. On my Unix machine, it is about 10px (as it should be). In Firefox it is fine. 2. In Firefox, the textarea in the right column is a different width. It runs out of the grey container, whereas in the same browser on my local machine (and in IE6) it looks fine. Here is the page in question. I am still fleshing out the layout and stuff so haven't tried to make it look pretty at all. http://www.opinios.com/oskamp/mockup.php Any insight would be appreciated. Cheers Matt * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] CSS Layout/Web Server Question
Thanks for the quick reply Neerav, that did indeed give a more consistent result for the textarea. I should have realised that it is smarter to use CSS for those dimensions. There is still the issue of: why? I am baffled as to why for example, the grey border is different in IE6 when viewed locally compared to on my hosted account. I always thought that the way html and css was interpreted was purely dependent on the browser. IE6/Win is different from IE5/Mac is different from Opera etc. So why should the fact that the server that delivers the page lives on a Windows box or a Unix box matter? It's all ASCII, right? Is there something to do with the carriage returns between the operating systems that makes them render slightly differently? Anyone? PS. Apologies, forgot to mention that the page displays some Japanese characters, so you might see garbage if you don't have Asian fonts enabled. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Neerav Sent: Saturday, March 13, 2004 2:24 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] CSS Layout/Web Server Question You could try using css to set the text area width instead of rows=2 cols=15 eg: textarea.mnemonic { height: 150px; width: 100px; } -- Neerav Bhatt http://www.bhatt.id.au Matthew Magain wrote: Hello from a first timer. My question is about how web servers deal out pages. I have just started working on a site, and do all my development and testing on an Apache 2 web server running locally on my Windows XP laptop. When I transfer the same files (html page, css and images) to my Unix hosted account, the layout looks different. Not radically different, but enough to be a bit confusing. The differences are: 1. In IE6, the two divs which I float (one to the left, one to the right) have a different width grey border between them. On my local machine when viewed in the same browser, the border is only 1 px. On my Unix machine, it is about 10px (as it should be). In Firefox it is fine. 2. In Firefox, the textarea in the right column is a different width. It runs out of the grey container, whereas in the same browser on my local machine (and in IE6) it looks fine. Here is the page in question. I am still fleshing out the layout and stuff so haven't tried to make it look pretty at all. http://www.opinios.com/oskamp/mockup.php Any insight would be appreciated. Cheers Matt * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
Re: [WSG] text and graphic on one line
Hi Maureen How about making the logo a background-image with background-position : top right; in the box you wish? If the image adds meaning to the page (i.e requires an alt tag for people browsing without images) then this is probably not the best thing to do. If the heading/text conveys the meaning of the logo then you'll be ok when images are turned off / screen readers are used. Cheers James Maureen Beattie wrote: Hi - I have been trying to create a div header with background colour, border etc that has text (3 words) on the left and a logo on the same line but sitting on the right and I can't seem to get it right. I tried including the logo inside the h1 tags and this worked except for the position of the logo and I don't think that using repeated nbsp to move it across to the right is the correct way to do it. The logo is approx 50 x 48 and my code for the header is: #header{ background-color: #ffd2cd; margin: 20px; height: 60px; border: 1px solid #666; padding: 0 15px 10px 15px; } I would appreciate any help you can give. Regards Maureen * The discussion list for http://webstandardsgroup.org/ * * The discussion list for http://webstandardsgroup.org/ *
RE: [WSG] opinions on use of css shorthand properties
I agree with Russ - it's a mostly a matter of personal preference. Initially shorthand can be confusing but with time it becomes the easier option. One more thing: font-variant: normal; font-style: normal; font-stretch: normal; font-size-adjust: none These are all completely redundant because they are the default values. Unless you have reset these values previously, you don't need to set them to their default values. Cheers Mark -- Mark Stanton Technical Director Gruden Pty Ltd Tel: 9956 6388 Mob: 0410 458 201 Fax: 9956 8433 http://www.gruden.com * The discussion list for http://webstandardsgroup.org/ *